05-13-24 ivan dc0944 add css changes and js optimization

adobecom · May 13, 2024 · 98985e3 · 98985e3
1 parent 73b3a50
commit 98985e3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/libs/mep/dc0944/aside/aside.css b/libs/mep/dc0944/aside/aside.css
@@ -1141,14 +1141,14 @@
 }
 
 /* Added for frictionless dc0944 */
-.section.hide-on-step-start {
+.section.hide-on-step-start:not(.hide-sticky-section) {
   background: none !important;
   display: flex;
   justify-content: center;
-  padding: 0 7% 20px 7%;
+  padding: 0 7% 20px;
 }
 
-.section.hide-on-step-start > .aside.frictionless {
+.aside.frictionless {
   background-color: rgb(0, 11, 29);
   max-width: 1200px;
   border-radius: 50px;
@@ -1158,47 +1158,47 @@
   position: relative;
 }
 
-.section.hide-on-step-start .foreground.container {
+.aside.frictionless .foreground.container {
   position: relative; 
   flex-direction: row;
 }
 
-.section.hide-on-step-start .promo-close {
+.aside.frictionless .promo-close {
   background: rgb(0, 11, 29);
-  margin: 0 !important;
+  margin: 0;
   width: 20px;
   height: 20px
 }  
 
-.promo-text {
-  justify-content: center !important;
+.aside.frictionless .promo-text {
+  justify-content: center;
 }
 
-.section.hide-on-step-start .promo-text .text-area {
-  display: flex !important;
+.aside.frictionless .promo-text .text-area {
+  display: flex;
   flex-direction: row !important;
 }
 
-.section.hide-on-step-start .promo-text .icon-area {
+.aside.frictionless .promo-text .icon-area {
   height: auto !important;
 }
 
-.section.hide-on-step-start .promo-text .icon-area img {
-  height: 38px !important
+.aside.frictionless .promo-text .icon-area img {
+  height: 38px !important; 
 }
 
 body.dc-bc[data-current-event="start"] .section.hide-on-step-start {
-  display: none !important; 
-  background-color: none !important;
+  display: none; 
+  background-color: none;
 }
 
 @media screen and (min-width: 1440px) {
-  .section.hide-on-step-start .promo-close {
+  .aside.frictionless .promo-close {
     position: absolute;
     right: 40px;
   }
 }
 
-.tt-hide {
+.sticky-banner-disable {
   display: none !important;
 }
diff --git a/libs/mep/dc0944/aside/aside.js b/libs/mep/dc0944/aside/aside.js
@@ -239,6 +239,6 @@ export default function init(el) {
     if (moduleCtas.length) {
       linkSectionToModuleStep(el);
       editCtaToModuleClick(el);
-    } else el.closest('.section').classList.add('tt-hide');
+    } else el.closest('.section').classList.add('.sticky-banner-disable');
   }
 }