Adjust style of facet

eea · Feb 16, 2022 · 51bf3e4 · 51bf3e4
1 parent 9599f9f
commit 51bf3e4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/SearchBlock/less/answersbox.less b/src/SearchBlock/less/answersbox.less
@@ -1,10 +1,11 @@
 .answers-list {
   max-width: @search-result-max-width;
-  // padding: 1em;
   margin-bottom: 3em;
-  // background-color: @sf-light-gray;
   clear: both;
+  // padding: 1em;
   // margin-top: 3em;
+  // background-color: @sf-light-gray;
+
   .ui.label {
     float: right;
   }

diff --git a/src/SearchBlock/less/facetslist.less b/src/SearchBlock/less/facetslist.less
@@ -164,7 +164,8 @@ div#page-document {
           padding: 5px;
           margin-top: 4px;
           margin-bottom: 0px;
-          background: white;
+          background: @sf-blue;
+          color: white;
           font-size: 12px;
 
           span.text {
@@ -174,11 +175,11 @@ div#page-document {
       }
 
       &.active {
-        background: white;
+        background: @sf-light-gray;
 
         div.label {
           max-width: 100%;
-          background: @sf-light-gray !important;
+          // background: @sf-light-gray !important;
           color: @sf-azure;
           font-weight: 600;
 

diff --git a/src/SearchBlock/less/variables.less b/src/SearchBlock/less/variables.less
@@ -1,6 +1,6 @@
 @s-dark-gray: #222222; // 545454
 @s-medium-gray2: #545454;
-@s-medium-gray: #e0e1e2;
+@s-medium-gray: #e0e1e2; // rgba(0, 0, 0, 0.85)
 @s-light-gray: #edf1f2;
 @s-light-orange: #ffdfbb;
 @s-dark-orange: #9c5a0a;