fix: info and search

RedTurtle · Feb 1, 2024 · 6ea802a · 6ea802a
1 parent c2c3739
commit 6ea802a
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 11 deletions.
diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_info.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_info.scss
@@ -1,16 +1,25 @@
 @use '../../all_variables' as *;
 
-@mixin info($subsite-primary) {
+@mixin info($subsite-primary, $subsite-light-theme) {
   .public-ui,
   &.public-ui {
     .infoblock {
       .bg-alert-primary,
       .bg-alert-secondary,
       .bg-alert-tertiary {
         &.bg-color-true {
-          .draftjs-buttons a {
-            &:hover {
-              background-color: $subsite-primary;
+          .draftjs-buttons {
+            a {
+              &:hover {
+                border-color: $body-color;
+                background-color: $subsite-primary;
+                @if $subsite-light-theme {
+                  color: $body-color;
+                  span {
+                    color: $body-color;
+                  }
+                }
+              }
             }
           }
         }

diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss
@@ -1,6 +1,11 @@
 @use '../../all_variables' as *;
 
-@mixin block($subsite-primary, $subsite-secondary, $subsite-secondary-text) {
+@mixin block(
+  $subsite-primary,
+  $subsite-secondary,
+  $subsite-secondary-text,
+  $subsite-light-theme
+) {
   .container .block {
     .searchSections {
       @if $subsite-secondary != $subsite-primary {
@@ -27,6 +32,11 @@
             }
           }
         }
+        @if $subsite-light-theme {
+          button.rounded-right svg {
+            fill: $body-color !important;
+          }
+        }
       }
     }
   }

diff --git a/theme/ItaliaTheme/Subsites/_mixin.scss b/theme/ItaliaTheme/Subsites/_mixin.scss
@@ -98,9 +98,10 @@
       @include it-search-sections.block(
         $subsite-primary,
         $subsite-secondary,
-        $subsite-secondary-text
+        $subsite-secondary-text,
+        $subsite-light-theme
       );
-      @include it-info.info($subsite-primary);
+      @include it-info.info($subsite-primary, $subsite-light-theme);
 
       @include it-views.common(
         $subsite-primary,
@@ -118,10 +119,9 @@
           color: color-hover($subsite-link-color);
         }
       }
-
-      .icon-primary {
-        fill: $subsite-primary !important;
-      }
+    }
+    .icon-primary {
+      fill: $subsite-primary !important;
     }
   }
 }