Style improvements

eea · Jun 15, 2022 · 42db181 · 42db181
1 parent 59a0f18
commit 42db181
Show file tree

Hide file tree

Showing 7 changed files with 401 additions and 413 deletions.
diff --git a/src/SearchBlock/less/filterlist.less b/src/SearchBlock/less/filterlist.less
@@ -140,72 +140,9 @@ div#page-document .searchlib-block {
     }
   }
 
-  // .filter-list-item.more-like-this {
-  //   margin-bottom: 1em;
-  //
-  //   div.ui.label {
-  //     width: 100%;
-  //   }
-  //
-  //   i.icon.delete {
-  //     position: absolute;
-  //     top: 10px;
-  //     right: 10px;
-  //     color: @secondaryColor;
-  //   }
-  //
-  //   div.meta {
-  //     line-height: normal;
-  //
-  //     i.icon {
-  //       margin-right: 0.5em;
-  //     }
-  //   }
-  //
-  //   a.centered {
-  //     img {
-  //       width: 100%;
-  //       height: auto;
-  //       max-height: 200px;
-  //       margin-top: 0.5em;
-  //       margin-bottom: 0.5em;
-  //       object-fit: cover;
-  //       object-position: top;
-  //     }
-  //   }
-  //
-  //   h4 {
-  //     margin-top: 0.5em;
-  //     line-height: inherit;
-  //   }
+  // .card .meta {
+  //   color: @s-medium-gray2 !important;
   // }
-
-  // .filter-list-item.more-like-this > .labels > .label {
-  //   overflow: hidden;
-  //   max-width: 100%;
-  //   padding: 0px;
-  //   margin: 0px;
-  // }
-  //
-  // .mlt-filter {
-  //   img {
-  //     width: 100%;
-  //     height: auto;
-  //   }
-  //
-  //   a {
-  //     font-size: 12px;
-  //   }
-  //
-  //   .meta {
-  //     font-size: 12px;
-  //     font-weight: 400;
-  //   }
-  // }
-
-  .card .meta {
-    color: @s-medium-gray2 !important;
-  }
 }
 
 .facets-wrapper {
@@ -276,23 +213,31 @@ div#page-document .searchlib-block {
 }
 
 .ui.button.add-facet-btn {
-  margin: 5px 10px 5px 0;
+  margin: 0 20px 20px 0 !important;
   background: @midGray !important;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
   color: @lightBlack !important;
+
+  &:hover {
+    background: #cfcfcf !important;
+  }
 }
 
 .ui.card.facet {
   width: auto !important;
   border: none !important;
-  margin: 5px 10px 5px 0 !important;
+  margin: 0 20px 20px 0 !important;
   background: @midGray !important;
   border-radius: 0 !important;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
   color: @lightBlack !important;
 
+  &:hover {
+    background: #cfcfcf !important;
+  }
+
   .content {
-    padding: 0.5em 1em 0.5em;
+    padding: 10px 25px;
   }
 
   .filter.description {
@@ -351,7 +296,7 @@ div#page-document .searchlib-block {
     height: 16px;
     padding: 3px;
     border: 1px solid @lightBlack !important;
-    margin-left: 10px;
+    margin-left: 1.2em;
     background: none !important;
     border-radius: 2px;
     box-shadow: none;
@@ -419,3 +364,66 @@ div#page-document .searchlib-block {
     }
   }
 }
+
+// .filter-list-item.more-like-this {
+//   margin-bottom: 1em;
+//
+//   div.ui.label {
+//     width: 100%;
+//   }
+//
+//   i.icon.delete {
+//     position: absolute;
+//     top: 10px;
+//     right: 10px;
+//     color: @secondaryColor;
+//   }
+//
+//   div.meta {
+//     line-height: normal;
+//
+//     i.icon {
+//       margin-right: 0.5em;
+//     }
+//   }
+//
+//   a.centered {
+//     img {
+//       width: 100%;
+//       height: auto;
+//       max-height: 200px;
+//       margin-top: 0.5em;
+//       margin-bottom: 0.5em;
+//       object-fit: cover;
+//       object-position: top;
+//     }
+//   }
+//
+//   h4 {
+//     margin-top: 0.5em;
+//     line-height: inherit;
+//   }
+// }
+
+// .filter-list-item.more-like-this > .labels > .label {
+//   overflow: hidden;
+//   max-width: 100%;
+//   padding: 0px;
+//   margin: 0px;
+// }
+//
+// .mlt-filter {
+//   img {
+//     width: 100%;
+//     height: auto;
+//   }
+//
+//   a {
+//     font-size: 12px;
+//   }
+//
+//   .meta {
+//     font-size: 12px;
+//     font-weight: 400;
+//   }
+// }
diff --git a/src/SearchBlock/less/landingpage.less b/src/SearchBlock/less/landingpage.less
@@ -20,17 +20,22 @@
         font-size: 20px;
       }
     }
+  }
 
-    .search-cards {
+  .landing-page-cards {
+    .ui.cards {
       margin-top: 1em;
-    }
 
-    .ui.cards {
       .ui.card {
         margin-top: 2em;
         color: @deepBlue;
         cursor: pointer;
 
+        &:hover {
+          border: none;
+          box-shadow: none;
+        }
+
         .content {
           flex-grow: initial;
           padding: 0;
@@ -47,11 +52,6 @@
           color: @deepBlue;
         }
 
-        &:hover {
-          border: none;
-          box-shadow: none;
-        }
-
         img.facet-option-icon {
           display: block;
           width: auto;
@@ -63,10 +63,9 @@
     }
   }
 
-  div.info {
-    width: 100%;
-    margin-bottom: 1em;
-    color: @sf-medium-gray2;
-    font-size: 12px;
+  .tab-info {
+    margin: 1.5em 0;
+    color: @grey;
+    font-size: 85%;
   }
 }
diff --git a/src/SearchBlock/less/paging.less b/src/SearchBlock/less/paging.less
@@ -1,11 +1,3 @@
-.sui-paging-info {
-  display: inline-block;
-  margin-right: 0.5em;
-  margin-left: 0.4em;
-  color: @deepBlue;
-  font-size: 12px;
-}
-
 .search-body-footer {
   .paging-wrapper {
     display: flex;
@@ -134,3 +126,11 @@
     transform: rotate(-225deg);
   }
 }
+
+// .sui-paging-info {
+//   display: inline-block;
+//   margin-right: 0.5em;
+//   margin-left: 0.4em;
+//   color: @deepBlue;
+//   font-size: 12px;
+// }