Refs #139198 - WIP styles for facet modal.

eea · Oct 7, 2021 · a4482b1 · a4482b1
1 parent 5924fc6
commit a4482b1
Showing 1 changed file with 28 additions and 3 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -443,13 +443,38 @@ div.ui.modal {
   background: @sf-light-gray;
 
   button {
-    background: white;
-    color: @sf-dark-gray;
     padding: 15px 10px 15px 10px;
+    border: 1px solid @sf-medium-gray;
     margin: 5px;
+    background: white;
     border-radius: 2px;
+    color: @sf-dark-gray;
     font-size: 12px;
-    border: 1px solid @sf-medium-gray;
+    font-weight: 600;
+
+    span.title {
+      margin-right: 5px;
+    }
+
+    span.count {
+      color: @sf-medium-gray2;
+      font-size: 10px;
+      font-weight: 400;
+    }
+
+    &.active {
+      border-color: @sf-blue;
+      background: @sf-blue !important; // TODO fix conflict with button.less
+      box-shadow: none;
+
+      span.count {
+        color: white;
+      }
+    }
+
+    &:hover {
+      background: @sf-light-gray;
+    }
   }
 }