Improve CSS, cleanup & split CSS to components

eea · May 23, 2022 · 29a270f · 29a270f
1 parent 4ad3b7f
commit 29a270f
Show file tree

Hide file tree

Showing 13 changed files with 2,680 additions and 2,005 deletions.
diff --git a/src/SearchBlock/SearchBlockView.jsx b/src/SearchBlock/SearchBlockView.jsx
@@ -5,7 +5,7 @@ import { SearchApp } from '@eeacms/search';
 import { SearchBlockSchema } from './schema';
 import { BodyClass } from '@plone/volto/helpers';
 
-import '@elastic/react-search-ui-views/lib/styles/styles.css';
+// import '@elastic/react-search-ui-views/lib/styles/styles.css';
 import './less/styles.less';
 
 /**

diff --git a/src/SearchBlock/less/answersbox.less b/src/SearchBlock/less/answersbox.less
@@ -2,9 +2,6 @@
   max-width: @search-result-max-width;
   margin-bottom: 3em;
   clear: both;
-  // padding: 1em;
-  // margin-top: 3em;
-  // background-color: @sf-light-gray;
 
   .ui.label {
     float: right;
@@ -51,6 +48,7 @@
 
     .three-dots-loader {
       display: inline;
+
       div {
         display: inline !important;
       }
@@ -85,6 +83,7 @@
     .answer__primarylink {
       margin: 1em 0;
       font-size: 1em;
+
       .result__source {
         a {
           font-weight: normal;
@@ -117,7 +116,6 @@
   }
 
   .answers__links {
-    // margin-top: 0.8rem;
     font-size: small;
 
     .primary a {
@@ -126,7 +124,6 @@
 
     .answer__date {
       display: inline-block;
-      // width: 7em;
       padding-right: 0.5em;
       margin-right: 0.3em;
       text-align: right;
@@ -146,16 +143,9 @@
 
   .ui.segment.answers-wrapper {
     padding: 0;
-    // color: white;
-    // padding-right: 0px;
-    // padding-left: 0px;
-
     border: none;
-    // border-top: 1px solid @sf-light-gray2;
-    // margin-bottom: 2em;
     background: unset;
     box-shadow: none;
-    // border-bottom: 1px solid #ccc;
 
     .answers__bottom {
       display: flex;
@@ -194,10 +184,27 @@
         }
       }
     }
+  }
+}
 
-    // .answer__text {
-    //   font-size: normal;
-    //   font-weight: bold;
-    // }
+@keyframes progres {
+  0% {
+    width: 0%;
+  }
+
+  25% {
+    width: 50%;
+  }
+
+  50% {
+    width: 75%;
+  }
+
+  75% {
+    width: 85%;
+  }
+
+  100% {
+    width: 100%;
   }
 }