diff --git a/RELEASE.md b/RELEASE.md index f38261d2a..1f85f0d14 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -46,18 +46,10 @@ ### Fix - L'etichetta della Card con Nastro (Blocco Elenco) non si sovrappone più all'immagine del nastro. + ### Migliorie - Migliorata l'accessibilità del blocco Icone. -- ... - -### Novità - -- ... - -### Fix - -- ... ## Versione 11.8.0 (19/03/2024) diff --git a/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss b/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss index 4ee946b01..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: 0px !important; + right: 0px; left: auto; - width: 75%; + max-width: calc(100% - $ribbon-spacing-h * 3 - $ribbon-width); justify-content: inherit; - padding-right: 2rem; .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);