fix: used underlined text decoration for footer link marker (#660)

* fix: used underlined text decoration for footer link marker * chore: removed unused import
RedTurtle · Apr 19, 2024 · ad8c549 · ad8c549
1 parent 44dc055
commit ad8c549
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/src/components/ItaliaTheme/Footer/FooterNavigation.jsx b/src/components/ItaliaTheme/Footer/FooterNavigation.jsx
@@ -11,7 +11,6 @@ import { isEqual } from 'lodash';
 import { UniversalLink } from '@plone/volto/components';
 import { Row, Col, LinkList, LinkListItem } from '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({
@@ -66,11 +65,9 @@ const FooterNavigation = () => {
                   title={
                     intl.formatMessage(messages.goToPage) + ': ' + item.title
                   }
+                  className={markFooterLinks ? 'underlined' : ''}
                 >
                   {item.title}
-                  {markFooterLinks && (
-                    <Icon icon="it-arrow-right" color="white" size="sm" />
-                  )}
                 </Link>
               </h4>
               {/* DEPRECATED: isFooterCollapsed to be removed in version 12 */}

diff --git a/src/config/italiaConfig.js b/src/config/italiaConfig.js
@@ -271,7 +271,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
     },
     apiExpanders: [
       ...config.settings.apiExpanders,

diff --git a/src/theme/bootstrap-override/bootstrap-italia/_footer.scss b/src/theme/bootstrap-override/bootstrap-italia/_footer.scss
@@ -42,8 +42,14 @@
 
       a {
         font-weight: 700;
-        display: flex;
-        align-items: center;
+
+        &.underlined {
+          text-decoration: underline;
+
+          &:hover {
+            text-decoration: none;
+          }
+        }
       }
     }