From 1f0ba5303ef3cf001dce170854b11d1c013ec0ed Mon Sep 17 00:00:00 2001 From: Drashti Modasara Date: Wed, 28 May 2025 17:08:48 +0530 Subject: [PATCH 1/2] [MWPW-171554][mweb-dev] mWeb Ps Journey | Notification block update - 'Sticky CTA' (#4244) * mweb sticky notification * MWPW-173875 (#4233) * MWPW-173875 Leadership wants these logs out before the RCP * mweb --------- Co-authored-by: Drashti Modasara Co-authored-by: Blaine Gunn --- libs/mep/ace1052/notification/notification.css | 1 - 1 file changed, 1 deletion(-) diff --git a/libs/mep/ace1052/notification/notification.css b/libs/mep/ace1052/notification/notification.css index d6f912b356..47bcb7fac3 100644 --- a/libs/mep/ace1052/notification/notification.css +++ b/libs/mep/ace1052/notification/notification.css @@ -480,7 +480,6 @@ } /* mweb-test: notification sticky CTA */ - .notification.button-full-width .action-area, .notification.button-full-width .con-button { width: 100%; From be1a0fdc3654b7a149991c0352ea5c207f52fe50 Mon Sep 17 00:00:00 2001 From: Rares Munteanu Date: Tue, 3 Jun 2025 15:08:29 +0200 Subject: [PATCH 2/2] Limit tabs upates; lower aside margins --- libs/mep/ace1052/aside/aside.css | 6 ++++++ libs/mep/ace1052/tabs/tabs.css | 14 +++++++------- 2 files changed, 13 insertions(+), 7 deletions(-) diff --git a/libs/mep/ace1052/aside/aside.css b/libs/mep/ace1052/aside/aside.css index 80a5ed6377..cc784693b7 100644 --- a/libs/mep/ace1052/aside/aside.css +++ b/libs/mep/ace1052/aside/aside.css @@ -1286,6 +1286,12 @@ gap: unset; } + .section:has(.aside:nth-child(3)) .aside [class^="detail-"], + .section:has(.aside:nth-child(3)) .aside [class^="heading-"]:only-of-type, + .section:has(.aside:nth-child(3)) .aside [class^="heading-"]:last-of-type { + margin-bottom: var(--spacing-xxs); + } + .section:has(.aside:nth-child(3)) .aside .foreground.container .text { padding-inline: var(--spacing-xs); } diff --git a/libs/mep/ace1052/tabs/tabs.css b/libs/mep/ace1052/tabs/tabs.css index fc1fbe247d..9f4529a4b6 100644 --- a/libs/mep/ace1052/tabs/tabs.css +++ b/libs/mep/ace1052/tabs/tabs.css @@ -649,19 +649,19 @@ } /* Block specific */ - .tabs .tabList { + .tabs:has(merch-card) .tabList { background: none; box-shadow: none; } - .tabs .tabList .tab-list-container { + .tabs:has(merch-card) .tabList .tab-list-container { padding: 1px; border-radius: var(--m-rounded-corners); background: #f8f8f8; overflow: hidden; } - .tabs .tabList button { + .tabs:has(merch-card) .tabList button { padding: 10px 18px; border-radius: var(--m-rounded-corners); border: none; @@ -669,19 +669,19 @@ color: var(--tabs-pill-bg-color); } - .tabs .tabList button[aria-selected="true"], - .tabs .tabList button[aria-checked="true"] { + .tabs:has(merch-card) .tabList button[aria-selected="true"], + .tabs:has(merch-card) .tabList button[aria-checked="true"] { background: var(--tabs-pill-bg-color); color: var(--color-white); box-shadow: 0 2px 8px 0 #00000029; } - .tabs .paddle { + .tabs:has(merch-card) .paddle { height: 38px; border-bottom: none; } - .tabs .paddle:disabled { + .tabs:has(merch-card) .paddle:disabled { background: none; } }