Scope dropdown-item styles to search components

Former-commit-id: 5712bc9
EnterpriseDB · Mar 24, 2021 · 3e696e4 · 3e696e4
1 parent a2c0c45
commit 3e696e4
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 23 deletions.
diff --git a/src/styles/_dark.scss b/src/styles/_dark.scss
@@ -185,21 +185,23 @@ html.dark {
   .quick-search-container {
     background: $gray-900;
     border-top-color: $gray-700;
+
+    //highlight
+    .dropdown-item.arrow-focus {
+      background-color: rgba($orange,.1);
+    }
+    //dropdown item
+    .dropdown-item,
+    .search-prompt {
+      color: $light;
+    }
+    .dropdown-item:hover,
+    .dropdown-item:active {
+      background-color: $gray-800;
+      color: $light !important;
+    }
   }
-  //highlight
-  .dropdown-item.arrow-focus {
-    background-color: rgba($orange,.1);
-  }
-  //dropdown item
-  .dropdown-item,
-  .search-prompt {
-    color: $light;
-  }
-  .dropdown-item:hover,
-  .dropdown-item:active {
-    background-color: $gray-800;
-    color: $light !important;
-  }
+
   //Marks
   .search-content mark {
     color: rgba($orange, .5);

diff --git a/src/styles/_search.scss b/src/styles/_search.scss
@@ -61,16 +61,18 @@
   box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
 }
 
-.dropdown-item {
-  font-size: 1.3rem;
-}
+.search-pane {
+  .dropdown-item {
+    font-size: 1.3rem;
+  }
 
-.dropdown-item.arrow-focus {
-  background-color: $gray-100;
-}
+  .dropdown-item.arrow-focus {
+    background-color: $gray-100;
+  }
 
-.dropdown-item:hover {
-  background: $gray-100;
+  .dropdown-item:hover {
+    background: $gray-100;
+  }
 }
 
 .search-text-summary {
@@ -90,4 +92,4 @@
 .ais-Highlight {
   font-size: 1.1rem;
   font-weight: 500;
-}
+}