From 61217dcac73ac0e58884d38f35ca2b5a02bd0508 Mon Sep 17 00:00:00 2001 From: Aishwarya Mathuria Date: Tue, 14 Nov 2023 19:44:06 +0530 Subject: [PATCH] MWPW-138921 Fixing popup promo image size (#1516) With rearrangement of CSS in #1470 the promoaside icon styles are overriding promoaside popup variant icon styles. Fixing the css to prioritize popup style for popup promo. Resolves: MWPW-138921 Test URLs: Before: https://main--milo--adobecom.hlx.page/drafts/mathuria/promobar/popuppromo?martech=off After: https://mwpw-138921--milo--aishwaryamathuria.hlx.page/drafts/mathuria/promobar/popuppromo?martech=off --- libs/blocks/aside/aside.css | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/libs/blocks/aside/aside.css b/libs/blocks/aside/aside.css index a8e0612ca0..4c9362d53f 100644 --- a/libs/blocks/aside/aside.css +++ b/libs/blocks/aside/aside.css @@ -997,15 +997,16 @@ flex-direction: row; } + .aside.promobar .foreground.container .icon-area, + .aside.promobar .foreground.container .icon-area img { + height: var(--icon-size-xxl); + } + .aside.promobar.popup .promo-text .icon-area, .aside.promobar.popup .promo-text .icon-area img { height: var(--icon-size-m); } - .aside.promobar .foreground.container .icon-area img { - height: var(--icon-size-xxl); - } - .aside.center:not(.notification) .foreground.container .text .icon-area img { max-width: 400px; } @@ -1065,10 +1066,6 @@ margin-right: 0; } - .aside.promobar .foreground.container .icon-area { - height: var(--icon-size-xxl); - } - .aside.promobar .promo-text .content-area { gap: var(--spacing-m); }