frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rename propertySelect to typedInput and add boolean opt

Browse Source
This commit is contained in:
Nick O'Leary
2016-01-03 22:26:47 +00:00
parent 5f7019325c
commit f1c59faf72
11 changed files with 345 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
editor/sass/colors.scss
View File

@@ -44,6 +44,6 @@ $workspace-button-color-focus: #999;
$workspace-button-color-hover: #666;
$workspace-button-color-active: #666;
$propertySelect-button-background: #efefef;
$propertySelect-button-background-hover: #ddd;
$propertySelect-button-background-active: #e3e3e3;
$typedInput-button-background: #efefef;
$typedInput-button-background-hover: #ddd;
$typedInput-button-background-active: #e3e3e3;

2
editor/sass/style.scss
View File

@@ -41,7 +41,7 @@
@import "popover";
@import "flow";
@import "propertySelect";
@import "typedInput";
@import "dragdrop";

39
editor/sass/propertySelect.scss → editor/sass/typedInput.scss
View File

@@ -14,7 +14,7 @@
* limitations under the License.
**/
.red-ui-propertySelect-container {
.red-ui-typedInput-container {
border: 1px solid $form-input-border-color;
border-radius: 4px;
height: 34px;
@@ -36,7 +36,7 @@
vertical-align: middle;
}
&.red-ui-propertySelect-focus {
&.red-ui-typedInput-focus:not(.input-error) {
border-color: $form-input-focus-color !important;
}
@@ -45,7 +45,7 @@
border-bottom-left-radius: 4px;
padding: 0 1px 0 5px;
display:inline-block;
background: $propertySelect-button-background;
background: $typedInput-button-background;
height: 32px;
line-height: 32px;
vertical-align: middle;
@@ -58,20 +58,43 @@
vertical-align: middle;
}
span {
display: inline-block;
height: 100%;
padding: 0 1px 0 5px;
}
&:hover {
text-decoration: none;
background: $propertySelect-button-background-hover;
background: $typedInput-button-background-hover;
}
&:focus {
text-decoration: none;
}
&:active {
background: $propertySelect-button-background-active;
background: $typedInput-button-background-active;
text-decoration: none;
}
}
a.red-ui-typedInput-option-trigger {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 0 5px 0 0;
i {
margin-right: 0;
margin-left: 4px;
}
span {
background:#fff;
padding: 0 5px 0 5px;
}
}
}
.red-ui-propertySelect-options {
.red-ui-typedInput-options {
@include component-shadow;
position: absolute;
border: 1px solid $primary-border-color;
@@ -84,13 +107,13 @@
color: #333;
&:hover {
text-decoration: none;
background: $propertySelect-button-background-hover;
background: $typedInput-button-background-hover;
}
&:focus {
text-decoration: none;
}
&:active {
background: $propertySelect-button-background-active;
background: $typedInput-button-background-active;
text-decoration: none;
}