style: Add a link to clear all filters

cernopendata · Feb 28, 2024 · 1e558d2 · 1e558d2
1 parent f35c7d0
commit 1e558d2
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/cernopendata/modules/theme/assets/semantic-ui/js/search/components/Facets.js b/cernopendata/modules/theme/assets/semantic-ui/js/search/components/Facets.js
@@ -32,10 +32,11 @@ const CODFacets = ({ aggs, updateQueryState, currentQueryState }) => {
     <>
       <div class="ui card" visibility="display">
         <div class="content">
-          <div class="header">Current parameters</div>
-          <tag class="ui button" primary onClick={() => updateQueryState({... currentQueryState, filters:[], })}>Clear all filters</tag>
-          <ActiveFilters />
+          <div class="header">Current parameters
+          <tag id="clear_all" class="ui" primary onClick={() => updateQueryState({... currentQueryState, filters:[], })}><a href >Clear all</a></tag>
+          </div>
         </div>
+        <div class="content"><ActiveFilters /></div>
       </div>
 
       <Toggle

diff --git a/cernopendata/modules/theme/assets/semantic-ui/scss/frontpage.scss b/cernopendata/modules/theme/assets/semantic-ui/scss/frontpage.scss
@@ -22,6 +22,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', end
 
 .cod-banner {
   margin-bottom: 30px;
+  padding-top: 20px;
 
   h2 {
     padding: 8px 15px;

diff --git a/cernopendata/modules/theme/assets/semantic-ui/scss/search.scss b/cernopendata/modules/theme/assets/semantic-ui/scss/search.scss
@@ -12,6 +12,17 @@
       font-size: 0.9em;
       margin: 0;
     }
+    #clear_all {
+      margin-left: 50px;
+    }
+    .toggle {
+      label {
+        padding-left: 55px;
+      }
+    }
+    .image.label {
+    margin: 2px;
+    }
   }
 }
 
@@ -54,6 +65,7 @@
 }
 
 .twelve.wide.column {
+  padding-top: 13px;
   .ui.grid.relaxed {
     background-color: white;
     border: 1px solid $light-grey;