From 77d1a492533d0048fa65ac4129948ad63addbe98 Mon Sep 17 00:00:00 2001 From: Sabrina Bongiovanni Date: Tue, 9 Apr 2024 17:30:48 +0200 Subject: [PATCH 1/4] fix: added arrow icon to links in footerNavigation --- RELEASE.md | 1 + src/components/ItaliaTheme/Footer/FooterNavigation.jsx | 2 ++ 2 files changed, 3 insertions(+) diff --git a/RELEASE.md b/RELEASE.md index fc35800db..93d6d04ab 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -50,6 +50,7 @@ - Sistemato il flag Mostra tipologia bandi nel blocco elenco con variazione Bandi in Evidenza - Tradotto il messaggio per Screen Reader del bottone per aprire e chiudere il menu in mobile. - Menu dropdown si chiude correttamente quando il percorso è un sottosito con un menu diverso rispetto al sito principale +- Migliorata l'accessibilità dei link nel footer. ## Versione 7.25.3 (07/03/2024) diff --git a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx index 3675706bc..bcfb6ed7c 100644 --- a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx +++ b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx @@ -19,6 +19,7 @@ import { LinkListItem, } from 'design-react-kit/dist/design-react-kit'; import { SectionIcon } from 'design-comuni-plone-theme/components/ItaliaTheme'; +import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme'; import config from '@plone/volto/registry'; const messages = defineMessages({ @@ -73,6 +74,7 @@ const FooterNavigation = () => { } > {item.title} + {!config.settings.isFooterCollapsed && item.items && ( From 4ac55414da07a94011315917a8c0a0bb027dbb1b Mon Sep 17 00:00:00 2001 From: Sabrina Bongiovanni Date: Wed, 10 Apr 2024 10:42:53 +0200 Subject: [PATCH 2/4] fix: changed styles for footer section title links --- src/components/ItaliaTheme/Footer/FooterNavigation.jsx | 2 +- theme/bootstrap-override/bootstrap-italia/_footer.scss | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx index bcfb6ed7c..df8208948 100644 --- a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx +++ b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx @@ -74,7 +74,7 @@ const FooterNavigation = () => { } > {item.title} - + {!config.settings.isFooterCollapsed && item.items && ( diff --git a/theme/bootstrap-override/bootstrap-italia/_footer.scss b/theme/bootstrap-override/bootstrap-italia/_footer.scss index a2ccd8ef4..936122584 100644 --- a/theme/bootstrap-override/bootstrap-italia/_footer.scss +++ b/theme/bootstrap-override/bootstrap-italia/_footer.scss @@ -26,6 +26,8 @@ a { font-weight: 700; + display: flex; + align-items: center; } } From 4a09351be8412e1c006bcd619b487f0cc9ec00e7 Mon Sep 17 00:00:00 2001 From: Sabrina Bongiovanni Date: Wed, 17 Apr 2024 10:31:44 +0200 Subject: [PATCH 3/4] fix: added parameter to show footer links marker --- src/components/ItaliaTheme/Footer/FooterNavigation.jsx | 6 +++++- src/config/italiaConfig.js | 1 + 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx index df8208948..685e67176 100644 --- a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx +++ b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx @@ -49,6 +49,8 @@ const FooterNavigation = () => { ); }, [path, dispatch]); + const markFooterLinks = config.settings.siteProperties.markFooterLinks; + return ( <> {items && ( @@ -74,7 +76,9 @@ const FooterNavigation = () => { } > {item.title} - + {markFooterLinks && ( + + )} {!config.settings.isFooterCollapsed && item.items && ( diff --git a/src/config/italiaConfig.js b/src/config/italiaConfig.js index fa49d7a7f..608df45ba 100644 --- a/src/config/italiaConfig.js +++ b/src/config/italiaConfig.js @@ -245,6 +245,7 @@ export default function applyConfig(voltoConfig) { splitMegamenuColumns: true, //se impostato a false, non spezza le colonne con intestazioni nel megamenu footerNavigationDepth: 2, //valori possibili: [1,2]. Se impostato ad 1 non verranno mostrati nel footer i link agli elementi contenuti nelle sezioni di primo livello. markSpecialLinks: true, // se impostato a false, non marca con icona i link esterni + markFooterLinks: false, // se impostato a true, viene aggiunta un'icona ai link del footer per renderli riconoscibili }, appExtras: [ ...config.settings.appExtras, From 5cafd5e4e01e1b482201b9ba5b73c469647ba38c Mon Sep 17 00:00:00 2001 From: Sabrina Bongiovanni Date: Thu, 18 Apr 2024 11:34:59 +0200 Subject: [PATCH 4/4] fix: used underlined style instead of arrow icon --- src/components/ItaliaTheme/Footer/FooterNavigation.jsx | 5 +---- src/config/italiaConfig.js | 2 +- theme/bootstrap-override/bootstrap-italia/_footer.scss | 10 ++++++++-- 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx index 685e67176..8bc2128c7 100644 --- a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx +++ b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx @@ -19,7 +19,6 @@ import { LinkListItem, } from 'design-react-kit/dist/design-react-kit'; import { SectionIcon } from 'design-comuni-plone-theme/components/ItaliaTheme'; -import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme'; import config from '@plone/volto/registry'; const messages = defineMessages({ @@ -74,11 +73,9 @@ const FooterNavigation = () => { title={ intl.formatMessage(messages.goToPage) + ': ' + item.title } + className={markFooterLinks ? 'underlined' : ''} > {item.title} - {markFooterLinks && ( - - )} {!config.settings.isFooterCollapsed && item.items && ( diff --git a/src/config/italiaConfig.js b/src/config/italiaConfig.js index 608df45ba..f694ef687 100644 --- a/src/config/italiaConfig.js +++ b/src/config/italiaConfig.js @@ -245,7 +245,7 @@ export default function applyConfig(voltoConfig) { splitMegamenuColumns: true, //se impostato a false, non spezza le colonne con intestazioni nel megamenu footerNavigationDepth: 2, //valori possibili: [1,2]. Se impostato ad 1 non verranno mostrati nel footer i link agli elementi contenuti nelle sezioni di primo livello. markSpecialLinks: true, // se impostato a false, non marca con icona i link esterni - markFooterLinks: false, // se impostato a true, viene aggiunta un'icona ai link del footer per renderli riconoscibili + markFooterLinks: true, // se impostato a true, viene aggiunta un'icona ai link del footer per renderli riconoscibili }, appExtras: [ ...config.settings.appExtras, diff --git a/theme/bootstrap-override/bootstrap-italia/_footer.scss b/theme/bootstrap-override/bootstrap-italia/_footer.scss index 936122584..29c0b1aa6 100644 --- a/theme/bootstrap-override/bootstrap-italia/_footer.scss +++ b/theme/bootstrap-override/bootstrap-italia/_footer.scss @@ -26,8 +26,14 @@ a { font-weight: 700; - display: flex; - align-items: center; + + &.underlined { + text-decoration: underline; + + &:hover { + text-decoration: none; + } + } } }