fix: changed layout of ribbonCardTemplate

RedTurtle · Mar 27, 2024 · 6dd65fb · 6dd65fb
1 parent 4d000f0
commit 6dd65fb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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);