Improve facet

eea · Oct 11, 2021 · f69fc2d · f69fc2d
1 parent 68225bb
commit f69fc2d
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 25 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -598,32 +598,43 @@ div.ui.modal {
 
   div.header {
     border: none;
+    background-color: initial;
 
     div.multitermlist__facet__header {
-      h3 {
-        width: 30%;
-        float: left;
-        font-size: 18px;
-        font-weight: 600;
-      }
+      display: flex;
+      justify-content: space-between;
 
-      div.search {
-        width: 40%;
-        float: left;
-
-        input.multitermlist__search__text-input {
-          width: calc(100% - 30px);
-        }
-      }
-
-      div.toggleSort {
-        width: 15%;
-        float: right;
-
-        div.toggle-label {
-          font-size: 14px;
-        }
-      }
+      .facet-title {
+        h3 {
+          margin: 0 1em 0 0;
+        }
+        display: flex;
+      }
+
+      // h3 {
+      //   width: 30%;
+      //   float: left;
+      //   font-size: 18px;
+      //   font-weight: 600;
+      // }
+      //
+      // div.search {
+      //   width: 40%;
+      //   float: left;
+      //
+      //   input.multitermlist__search__text-input {
+      //     width: calc(100% - 30px);
+      //   }
+      // }
+      //
+      // div.toggleSort {
+      //   width: 15%;
+      //   float: right;
+      //
+      //   div.toggle-label {
+      //     font-size: 14px;
+      //   }
+      // }
     }
   }
 

diff --git a/src/index.js b/src/index.js
@@ -5,7 +5,7 @@ import { registry } from '@eeacms/search';
 import codeSVG from '@plone/volto/icons/code.svg';
 import SearchBlockView from './SearchBlock/SearchBlockView';
 import SearchBlockEdit from './SearchBlock/SearchBlockEdit';
-import LeftColumnLayout from './components/Layout/LeftColumnLayout';
+// import LeftColumnLayout from './components/Layout/LeftColumnLayout';
 
 import SelectWidget from './SearchBlock/SelectWidget';
 
@@ -55,7 +55,7 @@ const applyConfig = (config) => {
 export const installGlobalSearch = (config) => {
   // config.settings.devProxyToApiPath = false;
   config.settings.searchlib = installConfig(config.settings.searchlib);
-  config.settings.searchlib.resolve.LeftColumnLayout.component = LeftColumnLayout;
+  // config.settings.searchlib.resolve.LeftColumnLayout.component = LeftColumnLayout;
   config.widgets.id.qa_queryTypes = SelectWidget;
 
   const { globalsearch } = config.settings.searchlib.searchui;