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

Make icon and color pickers more consistent

Browse Source
This commit is contained in:
Nick O'Leary
2019-08-12 22:07:55 +01:00
parent 607bc42f59
commit ee6ee99577
3 changed files with 146 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
packages/node_modules/@node-red/editor-client/src/sass/editor.scss vendored
View File

@@ -392,28 +392,26 @@ button.red-ui-button-small
}
}
#red-ui-editor-node-icon-button {
button.red-ui-button.red-ui-editor-node-appearance-button {
position: relative;
padding-left: 30px;
width: calc(100% - 150px);
height: 35px !important;
text-align: left;
padding: 0 6px 0 3px;
>i {
width: 15px;
vertical-align: middle;
padding-left: 2px;
}
.red-ui-search-result-node {
position: absolute;
top: 2px;
left: 2px;
vertical-align: middle;
float: none;
position: relative;
top: -1px;
}
}
#red-ui-editor-node-icon {
margin-left: 10px;
width: calc(100% - 163px);
}
.red-ui-icon-picker {
position: absolute;
border: 1px solid $primary-border-color;
box-shadow: 0 1px 6px -3px black;
background: $secondary-background;
z-Index: 21;
display: none;
select {
box-sizing: border-box;
margin: 3px;
@@ -425,6 +423,7 @@ button.red-ui-button-small
height: 200px;
overflow-y: scroll;
line-height: 0px;
position: relative;
&.red-ui-icon-list-dark {
.red-ui-palette-icon-fa {
color: $secondary-text-color;
@@ -594,25 +593,6 @@ button.red-ui-toggleButton.toggle {
text-align: left;
}
.red-ui-color-picker {
position: absolute;
border: 1px solid $primary-border-color;
box-shadow: 0 1px 6px -3px black;
background: $secondary-background;
z-Index: 21;
display: none;
}
.red-ui-subflow-color-spec {
width: fit-content;
height: fit-content;
padding-top: 8px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
border: solid 1px $primary-border-color;
border-radius: 2px;
}
.red-ui-editor-subflow-env-ui-row {
margin-right: 3px;