diff --git a/packages/node_modules/@node-red/editor-client/src/sass/base.scss b/packages/node_modules/@node-red/editor-client/src/sass/base.scss index 2aca0b8e1..391ddf83f 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/base.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/base.scss @@ -67,6 +67,9 @@ text-decoration: none; color: $primary-text-color; } + a:focus { + outline: 1px solid $form-input-focus-color; + } p { margin: 0 0 10px; diff --git a/packages/node_modules/@node-red/editor-client/src/sass/colors.scss b/packages/node_modules/@node-red/editor-client/src/sass/colors.scss index 96be7b5ab..d8ffd9402 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/colors.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/colors.scss @@ -129,7 +129,7 @@ $workspace-button-color-primary: #eee; $workspace-button-background-primary: #AD1625; $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); diff --git a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss index d3de4eb6e..9fb3cda07 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss @@ -715,6 +715,9 @@ div.red-ui-button-small.red-ui-color-picker-opacity-slider-handle { button.red-ui-toggleButton.toggle { text-align: left; + i { + min-width: 15px; + } } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss index 29ca35d27..b925e5212 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss @@ -95,6 +95,12 @@ } } .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 { border: 1px solid $secondary-border-color; border-radius: 3px;