fix: a11y of listing block read-more with card-slide-text template (#415

)

Co-authored-by: Piero Nicolli <[email protected]>

RELEASE.md

@@ -45,6 +45,7 @@
 
 ### Fix
 
+- Sistemata accessibilità del read-more nel blocco elenco con variazione "Card con testo animato" quando si è in un sottosito con uno stile applicato.
 - Sistemato errore quando viene impostato "service-link" come ID lighthouse.
 
 ## Versione 10.4.1 (21/11/2023)

src/components/ItaliaTheme/Blocks/Listing/CardWithSlideUpTextTemplate.jsx

@@ -93,16 +93,14 @@ const CardWithSlideUpTextTemplate = (props) => {
                   {show_description && item.description && (
                     <p>{item.description}</p>
                   )}
-                  <div className="read-more">
-                    <CardReadMore
-                      iconName="it-arrow-right"
-                      tag={UniversalLink}
-                      item={!isEditMode ? item : null}
-                      href={isEditMode ? '#' : null}
-                      text={intl.formatMessage(messages.vedi)}
-                      className="justify-content-end"
-                    />
-                  </div>
+                  <CardReadMore
+                    iconName="it-arrow-right"
+                    tag={UniversalLink}
+                    item={!isEditMode ? item : null}
+                    href={isEditMode ? '#' : null}
+                    text={intl.formatMessage(messages.vedi)}
+                    className="justify-content-end"
+                  />
                 </div>
               </UniversalLink>
             );

src/theme/ItaliaTheme/Blocks/_cardWithSlideUpTextTemplate.scss

@@ -77,8 +77,9 @@
       }
     }
 
-    .read-more a,
-    .read-more a .icon {
+    a.read-more,
+    a.read-more .text + .icon,
+    a.read-more .text {
       color: #fff;
       fill: #fff;
       text-decoration: none;