menu: add outline for controls #726

McShelby · Dec 4, 2023 · edf50b4 · edf50b4
1 parent 829a097
commit edf50b4
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 12 deletions.
diff --git a/static/css/ie.css b/static/css/ie.css
@@ -319,11 +319,6 @@
 		color: rgba( 255, 255, 255, 1 ); /* var(--MENU-SECTIONS-LINK-HOVER-color) */
 	}
 
-	#R-sidebar .menu-control button,
-	#R-sidebar .menu-control select{
-		outline-color: rgba( 255, 255, 255, 1 ); /* var(--MENU-SECTIONS-LINK-HOVER-color) */
-	}
-
 	#R-sidebar ul.enlarge > li.parent,
 	#R-sidebar ul.enlarge > li.active {
 		background-color: rgba( 0, 0, 0, .166 ); /* var(--MENU-SECTIONS-ACTIVE-BG-color) */

diff --git a/static/css/theme.css b/static/css/theme.css
@@ -1628,8 +1628,6 @@ h6 a {
 }
 
 .menu-control .control-style {
-    border: 0;
-    border-radius: 0;
     cursor: pointer;
     height: 1.574em;
     overflow: hidden;
@@ -1660,6 +1658,7 @@ html[dir="rtl"] .menu-control span {
 .menu-control button {
     -webkit-appearance: none;
     appearance: none;
+    outline: none;
     width: 100%;
 }
 .menu-control button:active,

diff --git a/static/css/variant.css b/static/css/variant.css
@@ -66,11 +66,6 @@ a:focus,
     color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
 }
 
-#R-sidebar .menu-control button,
-#R-sidebar .menu-control select{
-    outline-color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
-}
-
 #R-sidebar ul.enlarge > li.parent,
 #R-sidebar ul.enlarge > li.active {
     background-color: var(--INTERNAL-MENU-SECTIONS-ACTIVE-BG-color);