fix: link styles for mobile menu in subsites (#551)

RedTurtle · Feb 23, 2024 · a4af563 · a4af563
1 parent 77ff653
commit a4af563
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 4 deletions.
diff --git a/RELEASE.md b/RELEASE.md
@@ -46,6 +46,7 @@
 ### Fix
 
 - La descrizione nelle card per i punti di contatto non mostrano più tutte le iniziali in maiuscolo.
+- Il colore dei link nel menu mobile è ora accessibile per tutti i temi.
 
 ## Versione 11.5.1 (19/02/2024)
 

diff --git a/src/theme/ItaliaTheme/Components/_parentSiteMenu.scss b/src/theme/ItaliaTheme/Components/_parentSiteMenu.scss
@@ -39,7 +39,7 @@
       margin-top: 1.5rem;
       margin-bottom: 1.5rem;
       margin-left: 1.5rem;
-      background: rgba(92, 111, 130, 0.5);
+      background: rgba($primary, 0.5);
       content: '';
     }
 

diff --git a/src/theme/ItaliaTheme/Subsites/_mixin.scss b/src/theme/ItaliaTheme/Subsites/_mixin.scss
@@ -70,7 +70,7 @@
       );
       @include bs-brandtext.text($subsite-primary, $subsite-primary-text);
       @include bs-headernavbar.navbar($subsite-primary);
-      @include bs-headerslim.header($subsite-primary-text);
+      @include bs-headerslim.header($subsite-primary-text, $subsite-link-color);
       @include bs-navigation.nav(
         $subsite-light-theme,
         $subsite-primary,

diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headerslim.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headerslim.scss
@@ -1,6 +1,6 @@
 @use '../../all_variables' as *;
 
-@mixin header($subsite-primary-text) {
+@mixin header($subsite-primary-text, $subsite-link-color) {
   &.cms-ui .public-ui {
     .it-header-slim-wrapper {
       .it-header-slim-wrapper-content {
@@ -34,7 +34,7 @@
     .parent-site-menu {
       li.nav-item {
         a.nav-link {
-          color: $subsite-primary-text;
+          color: $subsite-link-color;
         }
       }
     }

diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
@@ -132,9 +132,22 @@
         .navbar-nav {
           li a.nav-link {
             font-size: 16px;
+            color: $subsite-link-color;
+
+            &.active {
+              border-left-color: $subsite-link-color;
+            }
+
+            svg {
+              fill: $subsite-link-color !important;
+            }
           }
         }
 
+        .it-socials ul li .icon {
+          fill: $subsite-link-color;
+        }
+
         .link-list-wrapper {
           ul li {
             a {
-Original file line number
+Diff line change
@@ Expand Up / @@ -46,6 +46,7 @@ @@
     ### Fix
     - La descrizione nelle card per i punti di contatto non mostrano più tutte le iniziali in maiuscolo.
+    - Il colore dei link nel menu mobile è ora accessibile per tutti i temi.
     ## Versione 11.5.1 (19/02/2024)
@@ Expand Down @@