fix: advanced search button

freeCodeCamp · Apr 19, 2024 · 63dbfbe · 63dbfbe
1 parent 81fc4b9
commit 63dbfbe
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/common/common.scss b/common/common.scss
@@ -551,10 +551,10 @@ a.curriculum-nav:focus {
 }
 
 // theme specific --------------------
-.btn:hover d-icon,
+.btn:hover .d-icon,
 .btn .d-icon,
 .btn-primary .d-icon {
-  color: inherit;
+  color: inherit $i;
 }
 
 .d-header-icons .badge-notification {
@@ -856,11 +856,13 @@ div.select-kit-header {
   color: $fcc-quaternary-background $i;
 }
 
-// `.search-input` is a div that wraps around the input and the search button.
-// This div already has an focus outline set by Discourse
-// so we need to remove ours to avoid having two focus outlines.
-.search-menu-container .search-input #search-term:focus-visible {
-  outline: none $i;
+.search-menu-container .search-input {
+  // `.search-input` is a div that wraps around the input and the search button.
+  // This div already has an focus outline set by Discourse,
+  // so we need to remove ours to avoid having nested focus outlines.
+  #search-term:focus-visible {
+    outline: none $i;
+  }
 }
 
 .topic-body .contents details {