Merge branch 'main' into us_50645_search_block_aria_attributes

RELEASE.md

@@ -56,6 +56,7 @@
 - L'icona per aprire il menu in mobile è ora visibile anche quando l'header del sito è bianca.
 - 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.
+- Titolo e descrizione sistemati su blocco icone. Adesso quando il loro contenuto è cancellato non resta lo spazio vuoto sopra le icone.
 - Migliorata l'accessibilità della sezione dedicata al feedback utente per tutti i contenuti del sito
 - Rimosso il title dall'immagine di apertura dei contenuti
 - Rimosso attributo title dall'immagine delle card: card con immagine, persona, blocco link completo, contenuto in evidenza, gallery a griglia, in evidenza
@@ -65,6 +66,7 @@
 - Sistemato alert di errore nel blocco Form che nascondeva il form quando un campo non era valido, ora continua a visualizzarsi anche la form.
 - Migliorato il testo alternativo per il logo NextGenerationEU nel footer.
 - Migliorata l'accessibilità del blocco Cerca.
+- Sistemato il contrasto delle icone nei pulsanti "primary" quando si attiva il focus col tab da tastiera
 
 ## Versione 11.5.1 (19/02/2024)
 

src/components/ItaliaTheme/Blocks/IconBlocks/View.jsx

@@ -11,6 +11,7 @@ import { Container, Row, Col } from 'design-react-kit';
 import { flattenToAppURL, addAppURL } from '@plone/volto/helpers';
 import { UniversalLink } from '@plone/volto/components';
 import config from '@plone/volto/registry';
+import { richTextHasContent } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 /**
  * View Accordion block class.
@@ -39,7 +40,7 @@ const AccordionView = ({ data, block }) => {
           )}
           <Container className="px-md-4">
             <div className="block-header">
-              {data.title && (
+              {richTextHasContent(data.title) && (
                 <div className="title">
                   {redraft(
                     data.title,
@@ -48,7 +49,7 @@ const AccordionView = ({ data, block }) => {
                   )}
                 </div>
               )}
-              {data.description && (
+              {richTextHasContent(data.description) && (
                 <div className="description">
                   {redraft(
                     data.description,

src/theme/bootstrap-override/_bootstrap-italia-site.scss

@@ -100,6 +100,7 @@
   @import 'bootstrap-italia/src/scss/custom/calendar';
   @import 'bootstrap-italia/src/scss/custom/alert';
   @import 'bootstrap-italia/src/scss/custom/buttons';
+  @import './bootstrap-italia/buttons';
   @import 'bootstrap-italia/src/scss/custom/font';
   @import 'bootstrap-italia/src/scss/custom/forms';
   @import 'bootstrap-italia/src/scss/custom/form-input-file';

src/theme/bootstrap-override/bootstrap-italia/_buttons.scss

@@ -0,0 +1,8 @@
+button.btn.btn-primary:focus-visible,
+.btn.btn-primary:focus-visible {
+  &:not(:hover) {
+    svg.icon {
+      fill: var(--bs-btn-hover-color);
+    }
+  }
+}