fix: applied img-wrapper styles to all html elements with class (#688)

RedTurtle · May 30, 2024 · b66d5af · b66d5af
1 parent 75bf344
commit b66d5af
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 10 deletions.
diff --git a/RELEASE.md b/RELEASE.md
@@ -41,6 +41,20 @@
 - ...
 -->
 
+## Versione X.X.X (dd/mm/yyyy)
+
+### Migliorie
+
+- ...
+
+### Novità
+
+- ...
+
+### Fix
+
+- Il layout delle card con immagini rimane corretto anche selezionando l'opzione "Non alterare le dimensioni naturali dell'immagine".
+
 ## Versione 11.12.5 (30/05/2024)
 
 ### Fix

diff --git a/src/theme/ItaliaTheme/Blocks/_cardWithImage.scss b/src/theme/ItaliaTheme/Blocks/_cardWithImage.scss
@@ -39,7 +39,7 @@
           height: auto;
           padding: 0;
 
-          figure.img-wrapper {
+          .img-wrapper {
             position: static;
             margin: 0;
           }
@@ -155,7 +155,7 @@
         height: auto;
         padding: 0;
 
-        figure.img-wrapper {
+        .img-wrapper {
           position: static;
           margin: 0;
         }

diff --git a/src/theme/ItaliaTheme/Blocks/_ctaBlock.scss b/src/theme/ItaliaTheme/Blocks/_ctaBlock.scss
@@ -80,7 +80,7 @@
         display: flex;
       }
 
-      figure.img-wrapper,
+      .img-wrapper,
       picture {
         position: absolute;
         z-index: -1;

diff --git a/src/theme/ItaliaTheme/Blocks/_inEvidenceTemplate.scss b/src/theme/ItaliaTheme/Blocks/_inEvidenceTemplate.scss
@@ -39,7 +39,7 @@
           height: auto;
           padding: 0;
 
-          figure.img-wrapper {
+          .img-wrapper {
             position: static;
             margin: 0;
           }

diff --git a/src/theme/ItaliaTheme/Blocks/_photogallerytemplate.scss b/src/theme/ItaliaTheme/Blocks/_photogallerytemplate.scss
@@ -6,7 +6,7 @@
   }
 
   .single-slide {
-    figure.img-wrapper {
+    .img-wrapper {
       height: auto;
       max-height: 500px;
 
@@ -16,7 +16,7 @@
     }
   }
 
-  figure.img-wrapper {
+  .img-wrapper {
     display: flex;
     flex-direction: column;
     justify-content: center;

diff --git a/src/theme/ItaliaTheme/Blocks/_sliderTemplate.scss b/src/theme/ItaliaTheme/Blocks/_sliderTemplate.scss
@@ -55,7 +55,7 @@
         position: relative;
         margin: 0 auto;
 
-        figure.img-wrapper {
+        .img-wrapper {
           position: relative;
           overflow: hidden;
           width: 100%;
@@ -129,7 +129,7 @@
 
         .slide-wrapper {
           .img-placeholder,
-          figure.img-wrapper {
+          .img-wrapper {
             height: 300px;
 
             img {
@@ -214,7 +214,7 @@
                   height: auto;
                   padding: 0;
 
-                  figure.img-wrapper {
+                  .img-wrapper {
                     position: static;
                     margin: 0;
                   }
@@ -266,7 +266,7 @@
       .slick-slide {
         .slide-wrapper {
           .img-placeholder,
-          figure.img-wrapper {
+          .img-wrapper {
             height: 150px;
 
             img {