Refs #139198 - WIP inline filter list styles.

eea · Oct 11, 2021 · 344862e · 344862e
1 parent 04061bb
commit 344862e
Showing 1 changed file with 35 additions and 34 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -267,50 +267,51 @@ div#page-document {
       }
     }
 
-    div.filter-bar {
+    div.inline-filter-list {
       button.show-filters {
-        font-size: 10px;
+        width: 180px;
+        float: left;
       }
-    }
 
-    div.filter-list {
-      margin-top: 10px;
-      margin-bottom: 10px;
-      background-color: @s-medium-gray;
+      div.filter-list {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        background-color: @s-medium-gray;
 
-      div.filter-list-header {
-        padding-right: 0.5rem;
-        padding-left: 0.5rem;
-      }
+        div.filter-list-header {
+          padding-right: 0.5rem;
+          padding-left: 0.5rem;
+        }
 
-      div.filter-list-content {
-        position: relative;
-        top: -5px;
-        padding-right: 0.5rem !important;
-        padding-bottom: 0.5rem !important;
-        padding-left: 0.5rem !important;
-      }
+        div.filter-list-content {
+          position: relative;
+          top: -5px;
+          padding-right: 0.5rem !important;
+          padding-bottom: 0.5rem !important;
+          padding-left: 0.5rem !important;
+        }
 
-      .ui.inverted.accordion .title:not(.ui) {
-        color: @s-dark-gray;
-      }
+        .ui.inverted.accordion .title:not(.ui) {
+          color: @s-dark-gray;
+        }
 
-      div.filter-name {
-        position: relative;
-        top: 5px;
-        color: @s-dark-gray;
-      }
+        div.filter-name {
+          position: relative;
+          top: 5px;
+          color: @s-dark-gray;
+        }
 
-      .ui.divider {
-        border-top: 1px solid #000 !important;
-      }
+        .ui.divider {
+          border-top: 1px solid #000 !important;
+        }
 
-      div.ui.label {
-        background: white;
-      }
+        div.ui.label {
+          background: white;
+        }
 
-      button {
-        color: @s-dark-gray !important;
+        button {
+          color: @s-dark-gray !important;
+        }
       }
     }