frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Improve display of focussed form element

Browse Source
This commit is contained in:
Nick O'Leary 2020-06-18 22:25:19 +01:00
parent 6f407750f5
commit 1d944bab51
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
4 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -67,6 +67,9 @@
text-decoration: none; text-decoration: none;
color: $primary-text-color; color: $primary-text-color;
} }
a:focus {
outline: 1px solid $form-input-focus-color;
}
p { p {
margin: 0 0 10px; margin: 0 0 10px;

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

@ -129,7 +129,7 @@ $workspace-button-color-primary: #eee;
$workspace-button-background-primary: #AD1625; $workspace-button-background-primary: #AD1625;
$workspace-button-background-primary-hover: #6E0A1E; $workspace-button-background-primary-hover: #6E0A1E;
$workspace-button-color-focus-outline: $form-input-border-color; $workspace-button-color-focus-outline: $form-input-focus-color;
$shade-color: rgba(160,160,160,0.5); $shade-color: rgba(160,160,160,0.5);

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

@ -715,6 +715,9 @@ div.red-ui-button-small.red-ui-color-picker-opacity-slider-handle {
button.red-ui-toggleButton.toggle { button.red-ui-toggleButton.toggle {
text-align: left; text-align: left;
i {
min-width: 15px;
}
} }

6
packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss vendored
View File

@ -95,6 +95,12 @@
} }
} }
.red-ui-searchBox-compact { .red-ui-searchBox-compact {
input:focus.red-ui-searchBox-input {
outline: 1px solid $form-input-focus-color;
}
input.red-ui-searchBox-input,input:focus.red-ui-searchBox-input { input.red-ui-searchBox-input,input:focus.red-ui-searchBox-input {
border: 1px solid $secondary-border-color; border: 1px solid $secondary-border-color;
border-radius: 3px; border-radius: 3px;