diff --git a/RELEASE.md b/RELEASE.md index e41dc9a9f..d85024e2a 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -54,6 +54,7 @@ ### Fix +- L'etichetta della Card con Nastro (Blocco Elenco) non si sovrappone più all'immagine del nastro. - Aggiustato il layout della card per il CT persone quando è impostata un'immagine. ## Versione 11.8.0 (19/03/2024) diff --git a/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss b/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss index 990e6006d..df9c276a1 100644 --- a/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss +++ b/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss @@ -1,5 +1,9 @@ .ribbon-card-template { .card { + .flag-icon { + width: $ribbon-width; + } + .dates { font-size: 0.8em; text-transform: uppercase; @@ -8,11 +12,10 @@ .etichetta { position: absolute; top: 3rem; - right: 0; - left: 0; - width: 100%; + right: 0px; + left: auto; + max-width: calc(100% - $ribbon-spacing-h * 3 - $ribbon-width); justify-content: inherit; - padding: 0 3rem; .icon { margin-left: auto; diff --git a/src/theme/_site-variables.scss b/src/theme/_site-variables.scss index ba08dcaaa..8388d11e2 100644 --- a/src/theme/_site-variables.scss +++ b/src/theme/_site-variables.scss @@ -59,3 +59,7 @@ $external-link-fill-subfooter: $tertiary-text !default; $dvt-navigation-v-padding: 15px !default; // $navigation-h-padding: 24px; + +$spacer: 16px; +$ribbon-spacing-h: calc($spacer * 3); +$ribbon-width: calc($spacer * 2);