fix: search page and pagination

RedTurtle · Feb 5, 2024 · 24f87aa · 24f87aa
1 parent 3654273
commit 24f87aa
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/_main.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/_main.scss
@@ -1,6 +1,6 @@
 @use '../all_variables' as *;
 
-@mixin main($subsite-primary, $subsite-primary-text) {
+@mixin main($subsite-primary, $subsite-primary-text, $subsite-link-color) {
   &.public-ui,
   &.cms-ui {
     .draftjs-buttons {
@@ -18,9 +18,17 @@
     }
     .pagination {
       .page-item {
-        .page-link[aria-current] {
-          border: 1px solid $subsite-primary;
-          color: $subsite-primary;
+        .page-link {
+          &[aria-current] {
+            border: 1px solid $subsite-primary;
+            color: $subsite-primary;
+          }
+          &:hover {
+            color: $subsite-link-color;
+            svg {
+              fill: $subsite-link-color !important;
+            }
+          }
         }
       }
     }

diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss
@@ -1,4 +1,4 @@
-@mixin it-search($subsite-link-color) {
+@mixin search($subsite-link-color) {
   .search-results-wrapper {
     .ordering-widget {
       .react-select__option--is-focused {

diff --git a/theme/ItaliaTheme/Subsites/_mixin.scss b/theme/ItaliaTheme/Subsites/_mixin.scss
@@ -88,7 +88,11 @@
       @include bs-linklist.linklist($subsite-primary, $subsite-link-color);
       @include bs-navscroll.navscroll($subsite-link-color);
       @include it-footer.footer($subsite-primary, $subsite-primary-text);
-      @include it-main.main($subsite-primary, $subsite-primary-text);
+      @include it-main.main(
+        $subsite-primary,
+        $subsite-primary-text,
+        $subsite-link-color
+      );
       @include it-cms-ui.cms-ui($subsite-primary, $subsite-primary-text);
       @include it-search.search($subsite-primary-text);
       @include it-card-image-evidence.card($subsite-link-color);