Fix layout facets and input field searchstring

rohberg · Nov 16, 2022 · 064357d · 064357d
1 parent 95037c3
commit 064357d
Showing 1 changed file with 47 additions and 7 deletions.
diff --git a/src/components/Views/less/springisnow-volto-searchkit-block.less b/src/components/Views/less/springisnow-volto-searchkit-block.less
@@ -14,25 +14,45 @@
 
 @import (multiple) '../../theme.config';
 
-.meta,
-.metadata {
+.ui.items > .item {
     .ui.button {
         background-color: transparent;
         padding: 0;
         &:hover {
             background-color: transparent;
         }
     }
+    .extra {
+        .label {
+            color: @textColor;
+            padding-right: 0.5em;
+        }
+    }
 }
 
 .searchbar-wrapper {
     display: flex;
-    align-items: baseline;
+    align-items: center;
     .ui.fluid.input > input {
         width: unset !important;
+        height: 3rem;
+        border-radius: 0;
+    }
+    .button {
+        border-radius: 0;
     }
     .icon.delete {
         cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 3rem;
+        height: 3rem;
+        min-width: 3rem;
+        background-color: #878686;
+        color: #fff;
+        font-size: 1.2rem;
+        font-weight: 700;
     }
 }
 
@@ -51,8 +71,13 @@
     &.dropdown {
         .bucketAE {
             display: flex;
-            align-items: baseline;
-            margin: 0 0 .5rem 0;
+            flex-direction: row;
+            align-items: flex-start;
+            justify-content: space-between;
+            width: 50%;
+            margin: 0 0 0.5rem 0;
+            padding-right: 1rem;
+            align-content: stretch;
             .ui.dropdown.fnfilter {
                 display: flex;
                 align-items: flex-start;
@@ -62,7 +87,8 @@
                 margin: 0;
                 background-color: #edf1f2;
                 // padding: 0 0 0 .3rem;
-                padding: 0.8rem 1.8rem;
+                padding: 0.7rem 1rem 0.4rem 1rem;
+                min-height: 3rem;
                 & > .dropdown.icon {
                     font-size: 1rem;
                 }
@@ -92,7 +118,21 @@
                     visibility: visible !important;
                 }
             }
-            .icon.deleteFilter {}
+            .deleteFilter {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 3rem;
+                height: 3rem;
+                min-width: 3rem;
+                background-color: #878686;
+                color: #fff;
+                font-size: 1.2rem;
+                font-weight: 700;
+                &.unselected {
+                    opacity: 0;
+                }
+            }
         }
     }
 }