fix: a11y contrast color in view and edit for some blocks (#812)

* fix: secondary color contrast link block contacts * fix: CTA link contrast * fix: contrast link for alert blocks * fix: block icons link contrast color * fix countdown block link contrast * fix: styles * fix_ contacts blocks style in subsites * fix: contacts blocks * chore: Update RELEASE.md --------- Co-authored-by: Giulia Ghisini <[email protected]> Co-authored-by: Martina Bustacchini <[email protected]> Co-authored-by: Giulia Ghisini <[email protected]>
RedTurtle · Nov 26, 2024 · 9d8538b · 9d8538b
1 parent e65be2d
commit 9d8538b
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 16 deletions.
diff --git a/RELEASE.md b/RELEASE.md
@@ -48,6 +48,7 @@
 - Rimossa dal CT Evento la data di scadenza del CT per evitare confusione con le date effettive dell'evento
 - Durante la ricerca nel sito dalla popup che compare cliccando sul bottone 'Cerca' nella testa del sito, viene mostrato un loader in overlay durante il caricamento della pagina dei risultati perchè questo potrebbe richiedere un po' di tempo. Prima di questa modifica non era chiaro se la ricerca fosse iniziata.
 - Nel CT Evento per una rassegna, se gli eventi figli hanno una ricorrenza o un periodo di date impostato, il range di date verrà mostrato nella card all'interno dell'evento padre.
+- uniformato il colore dei link tra modalità di edit e view in alcuni blocchi
 
 ### Novità
 

diff --git a/src/theme/ItaliaTheme/Blocks/_alert.scss b/src/theme/ItaliaTheme/Blocks/_alert.scss
@@ -23,7 +23,8 @@
   }
 }
 
-.public-ui {
+.public-ui,
+body.cms-ui .public-ui {
   .block.alertblock,
   .alertblock {
     .full-width {
@@ -49,11 +50,8 @@
       h3,
       h4,
       h5,
-      h6 {
-        color: $alert-danger-text;
-      }
-
-      a {
+      h6,
+      a:not(.btn) {
         color: $alert-danger-text;
       }
     }
@@ -67,11 +65,8 @@
       h3,
       h4,
       h5,
-      h6 {
-        color: $alert-warning-text;
-      }
-
-      a {
+      h6,
+      a:not(.btn) {
         color: $alert-warning-text;
       }
     }

diff --git a/src/theme/ItaliaTheme/Blocks/_contacts.scss b/src/theme/ItaliaTheme/Blocks/_contacts.scss
@@ -26,7 +26,7 @@
       .description h4,
       .description h5,
       .description h6,
-      .description a {
+      .description a:not(.btn) {
         color: $primary-text;
       }
     }
@@ -41,7 +41,8 @@
       .description h3,
       .description h4,
       .description h5,
-      .description h6 {
+      .description h6,
+      .description a:not(.btn) {
         color: $secondary-text;
       }
     }

diff --git a/src/theme/ItaliaTheme/Blocks/_countdown.scss b/src/theme/ItaliaTheme/Blocks/_countdown.scss
@@ -1,3 +1,12 @@
+body.cms-ui,
+body.public-ui {
+  .block.count_down .public-ui {
+    a:not(.btn) {
+      color: $white; //to force color in cms-ui
+    }
+  }
+}
+
 .block.count_down .public-ui {
   color: $white;
 
@@ -6,7 +15,7 @@
   h4,
   h5,
   h6,
-  a {
+  a:not(.btn) {
     color: $white;
   }
 

diff --git a/src/theme/ItaliaTheme/Blocks/_ctaBlock.scss b/src/theme/ItaliaTheme/Blocks/_ctaBlock.scss
@@ -22,9 +22,13 @@
       h2,
       h3 {
         margin: 0 0 1.5rem;
-        color: $secondary-text;
         font-size: 2.25rem;
       }
+      h2,
+      h3,
+      a:not(.btn) {
+        color: $secondary-text;
+      }
 
       p:last-of-type {
         margin-bottom: 0;
@@ -98,6 +102,7 @@
 
       .cta-tile-text {
         &,
+        a,
         h3 {
           color: #fff;
         }

diff --git a/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss b/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss
@@ -80,7 +80,7 @@
       h4,
       h5,
       h6,
-      a {
+      a:not(.btn) {
         color: #fff;
       }
     }

diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_contacts.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_contacts.scss
@@ -15,6 +15,9 @@
           .description {
             color: $subsite-primary-text;
           }
+          a:not(.btn) {
+            color: currentColor;
+          }
         }
 
         .card {
-Original file line number
+Diff line change
@@ Expand Up / @@ -80,7 +80,7 @@ @@
           h4,
           h5,
           h6,
-          a {
+          a:not(.btn) {
             color: #fff;
           }
         }
@@ Expand Down @@