fix: subsite mixin styles (#442)

RedTurtle · Dec 20, 2023 · 84719fe · 84719fe
1 parent 61a21f7
commit 84719fe
Show file tree

Hide file tree

Showing 5 changed files with 71 additions and 27 deletions.
diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss
@@ -38,6 +38,12 @@
         }
       }
     }
+
+    &.search {
+      .search-wrapper .autocomplete-icon .icon {
+        fill: $subsite-primary;
+      }
+    }
   }
 
   .event-search,

diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss
@@ -27,11 +27,6 @@
     }
   }
 
-  // TO DO: questo serve?
-  // a.btn-tertiary {
-  //   color: $subsite-tertiary-text;
-  // }
-
   .btn-outline-tertiary {
     @include button-outline-variant($subsite-tertiary);
   }
@@ -45,11 +40,34 @@
     background-color: $subsite-primary !important;
   }
 
+  //fix per bg-primary in CT servizio
+  // .contenttype-servizio {
+  .it-page-section.bg-primary {
+    background-color: $subsite-primary-a0 !important;
+  }
+  // }
+
   .bg-secondary {
     background-color: $subsite-secondary !important;
     color: $subsite-secondary-text;
   }
 
+  //text
+  .text-primary {
+    color: $subsite-primary-text !important;
+  }
+  .select-pill.text-primary {
+    color: $subsite-primary !important;
+
+    div {
+      color: inherit;
+    }
+  }
+
+  .text-secondary {
+    color: $subsite-secondary-text !important;
+  }
+
   //btn mini
   .select-all-cts.btn.btn-link.btn-mini,
   .subsite-header .text a.select-all-cts.btn-link.btn-mini {
@@ -293,6 +311,10 @@
 
   // date picker - general
   .DateRangePicker {
+    td.CalendarDay_default {
+      color: #484848;
+    }
+
     td.CalendarDay__selected {
       color: $subsite-link-color;
 
@@ -301,6 +323,12 @@
       }
     }
 
+    td.CalendarDay__hovered_span {
+      background: $subsite-primary-a0;
+      border: $subsite-primary-a0;
+      color: $subsite-link-color;
+    }
+
     @if $subsite-light-theme {
       td.CalendarDay__selected_span {
         background: darken($subsite-primary, 10%);
@@ -312,11 +340,28 @@
     } @else {
       td.CalendarDay__selected_span {
         background: $subsite-primary-a0;
+        color: #484848;
 
         &:hover {
           border: 1px double $subsite-primary-a0;
         }
       }
     }
   }
+
+  .DayPickerKeyboardShortcuts_show__bottomRight::before {
+    border-right-color: $subsite-primary;
+  }
+
+  .DayPickerKeyboardShortcuts_showSpan {
+    color: $subsite-primary-text;
+  }
+
+  .react-select__menu-list {
+    .select-list {
+      .react-select__option--is-focused {
+        background-color: $subsite-primary-a0 !important;
+      }
+    }
+  }
 }
diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_card.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_card.scss
@@ -1,6 +1,11 @@
 @use '../../all_variables' as *;
 
 @mixin card($subsite-primary, $subsite-link-color) {
+  //card category
+  .card .card-body .category-top a.category {
+    color: $subsite-link-color;
+  }
+
   // flag
   .flag-icon {
     background: $subsite-primary;

diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss
@@ -26,13 +26,13 @@
 
         //right zone
         .it-right-zone {
-          color: $subsite-primary-text;
+          color: $subsite-primary-text !important;
 
           .it-socials {
             ul {
               .icon {
-                color: $subsite-primary-text;
-                fill: $subsite-primary-text;
+                color: $subsite-primary-text !important;
+                fill: $subsite-primary-text !important;
               }
             }
           }

diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
@@ -13,26 +13,14 @@
       .navbar-nav {
         li {
           a.nav-link {
-            @if $subsite-light-theme {
-              color: $subsite-primary-text;
-
-              &.active {
-                border-left-color: $subsite-primary-text;
-              }
+            color: $subsite-primary-text;
 
-              svg {
-                fill: $subsite-primary-text !important;
-              }
-            } @else {
-              color: $subsite-link-color;
-
-              &.active {
-                border-left-color: $subsite-link-color;
-              }
+            &.active {
+              border-left-color: $subsite-primary-text;
+            }
 
-              svg {
-                fill: $subsite-link-color !important;
-              }
+            svg {
+              fill: $subsite-primary-text !important;
             }
           }
         }
@@ -76,7 +64,7 @@
   }
 
   //Tablet horizontal / small desktop
-  @media (min-width: #{map-get($grid-breakpoints, lg)}) {
+  @media (min-width: #{map-get($grid-breakpoints, md)}) and (max-width: #{map-get($grid-breakpoints, lg)}) {
     .navbar {
       background: $subsite-primary;