Merge pull request #1339 from hlxsites/colimgresize-fix

column img resize issue fixed and reflecting only for wsaw page
hlxsites · Dec 20, 2024 · 2bd9e21 · 2bd9e21
2 parents 5cd0ca4 + 82fc76d
commit 2bd9e21
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -136,8 +136,8 @@
   height: 100%;
 }
 
-.columns-wrapper :is(.\!w-1\/2) {
-  width: 50% !important;
+.columns-wrapper :is(.w-1\/2) {
+  width: 50%;
 }
 
 .columns-wrapper :is(.w-12) {

diff --git a/blocks/columns/columns.js b/blocks/columns/columns.js
@@ -154,7 +154,7 @@ export default function decorate(block) {
             const seventythirtyEl = picWrapper.parentElement
               ?.parentElement?.parentElement?.parentElement;
             if (seventythirtyEl.querySelector('img')) {
-              pic.querySelector('img').classList.add('block', '!w-1/2');
+              pic.querySelector('img').classList.add('block', 'w-1/2');
             } else {
               pic.querySelector('img').classList.add('block');
             }

diff --git a/styles/styles.css b/styles/styles.css
@@ -2075,6 +2075,10 @@ main .section .talk-to-an-expert-form-wrapper .talk-to-an-expert-form > div ul {
   }
 }
 
+.seventythirty .columns-2-cols .container .columns-img-col picture img {
+  width: 50% !important;
+}
+
 .pointer-events-none {
   pointer-events: none;
 }

diff --git a/styles/tailwind.css b/styles/tailwind.css
@@ -594,6 +594,10 @@
     @apply lg:pt-8;
   }
 
+  .seventythirty .columns-2-cols .container .columns-img-col picture img {
+    @apply !w-1/2;
+  }
+
 }
 
 @layer utilities {