From 5cafd5e4e01e1b482201b9ba5b73c469647ba38c Mon Sep 17 00:00:00 2001
From: Sabrina Bongiovanni <sabrina.bongiovanni@redturtle.it>
Date: Thu, 18 Apr 2024 11:34:59 +0200
Subject: [PATCH] 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 && (
-                    <Icon icon="it-arrow-right" color="white" size="sm" />
-                  )}
                 </Link>
               </h4>
               {!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;
+          }
+        }
       }
     }