Correct updated search styles

laCour · May 4, 2016 · 3641f7c · 3641f7c
1 parent 91445cd
commit 3641f7c
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 6 deletions.
diff --git a/scss/modules/header/_search.scss b/scss/modules/header/_search.scss
@@ -23,11 +23,17 @@
   }
 
   .channel_header {
-    #header_search_form {
-      &:hover .search_input {
+    #search_container {
+      .search_form:hover .search_input {
         border: 1px solid $color-shade-light;
       }
 
+      .search_form .search_clear_icon .ts_icon_times_circle {
+        color: $color-highlight;
+      }
+    }
+
+    #header_search_form {
       #search_spinner {
         color: $base-font-color;
       }
@@ -37,10 +43,6 @@
         z-index: 2;
       }
     }
-
-    #search_container .search_form .search_clear_icon .ts_icon_times_circle {
-      color: $color-highlight;
-    }
   }
 }
 

diff --git a/scss/modules/menu/_autocomplete.scss b/scss/modules/menu/_autocomplete.scss
@@ -146,6 +146,31 @@
     background-color: $color-shade-darkest;
   }
 
+  footer,
+  header {
+    background-color: $color-shade-darkest;
+
+    .keyword::before,
+    .modifier::before {
+      background: $color-shade-lightest;
+      border: 1px solid $color-shade-light;
+      color: $base-font-color;
+    }
+
+    .selected {
+      .keyword::before,
+      .modifier::before {
+        background: rgba($color-shade-light, 0.25);
+        border: $color-shade-lightest;
+      }
+    }
+
+    .modifier.incomplete::before {
+      background: $color-shade-dark;
+      border: 1px solid $color-shade-darkest;
+    }
+  }
+
   ol {
     li {
       &.selected {