Improve dropdown filters

eea · Jul 13, 2022 · 925df4a · 925df4a
1 parent e444c31
commit 925df4a
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/src/SearchBlock/less/dropdown-filterlist.less b/src/SearchBlock/less/dropdown-filterlist.less
@@ -4,11 +4,18 @@
     margin-bottom: 3em;
 
     .dropdown-facet {
-      .ui.dropdown .divider {
-        padding: 3px 13px;
-        border: 1px solid #eee;
-        color: #3d5265;
-        font-size: 16px;
+      .ui.dropdown {
+        .divider {
+          color: @blue-grey-5;
+          font-size: 16px;
+        }
+
+        .icon.chevron {
+          position: relative;
+          top: -1px;
+          margin-left: 0.3em;
+          font-size: 0.6em;
+        }
       }
     }
 

diff --git a/src/SearchBlock/less/facets.less b/src/SearchBlock/less/facets.less
@@ -167,6 +167,7 @@ div#page-document .searchlib-block {
 }
 
 .sui-multi-checkbox-facet__option-input-wrapper {
+  display: flex;
   max-width: 15em;
   flex: 1;
 }

diff --git a/src/SearchBlock/less/searchview.less b/src/SearchBlock/less/searchview.less
@@ -114,6 +114,15 @@ div#page-document {
       justify-content: right;
       margin-bottom: 0.5em;
 
+      .ui.dropdown {
+        .icon.chevron {
+          position: relative;
+          top: -1px;
+          margin-left: 0.3em;
+          font-size: 0.6em;
+        }
+      }
+
       #archived-facet {
         position: relative;
         top: -1px;