From 5cb888328ede30758290137c4b952c02e5c37fd0 Mon Sep 17 00:00:00 2001 From: Nick O'Leary Date: Tue, 21 May 2019 15:26:15 +0100 Subject: [PATCH] Fix Deploy menu focus style --- .../@node-red/editor-client/src/sass/dropdownMenu.scss | 4 +++- .../@node-red/editor-client/src/sass/header.scss | 6 ++++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/node_modules/@node-red/editor-client/src/sass/dropdownMenu.scss b/packages/node_modules/@node-red/editor-client/src/sass/dropdownMenu.scss index b68c70394..f79d636f1 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/dropdownMenu.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/dropdownMenu.scss @@ -43,7 +43,8 @@ overflow: hidden; background-color: $menuDivider; } - & > li > a { + & > li > a, + & > li > a:focus { display: block; padding: 4px 0 4px 32px; clear: both; @@ -51,6 +52,7 @@ line-height: 20px; color: $menuColor; white-space: normal !important; + outline: none; } & > .active > a, diff --git a/packages/node_modules/@node-red/editor-client/src/sass/header.scss b/packages/node_modules/@node-red/editor-client/src/sass/header.scss index 2dd4bae52..6f6b50c66 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/header.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/header.scss @@ -219,6 +219,8 @@ text-indent: 0px; } } + > li > a:hover, + > li > a:focus, > li:hover > a, > li:focus > a { background: $header-menu-item-hover !important; @@ -229,8 +231,8 @@ li.disabled a { color: $header-menu-color-disabled; } - > li.disabled:hover > a, - > li.disabled:focus > a { + > li.disabled > a:hover, + > li.disabled > a:focus { background: none !important; } }