fix: sovrapposizione etichetta card nastro (#409)

* fix: spacing of label * chore: added info in RELEASE.md * fix: changed layout of ribbonCardTemplate --------- Co-authored-by: Piero Nicolli <[email protected]>
RedTurtle · Mar 27, 2024 · b57f290 · b57f290
1 parent 26ae362
commit b57f290
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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);
-Original file line number
+Diff line change
@@ Expand Up / @@ -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)
@@ Expand Down @@