CHEMH-000: fix to a background color bug

SU-SWS · Sep 29, 2023 · 2b1c994 · 2b1c994
1 parent b1453cb
commit 2b1c994
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/dist/css/chem_h_subtheme.css b/dist/css/chem_h_subtheme.css
diff --git a/src/js/chem_h_subtheme.behaviors.js b/src/js/chem_h_subtheme.behaviors.js
@@ -30,13 +30,16 @@
           .removeAttr('height')
           .removeAttr('width');
       });
-      
+
       // Heading change for the halfpill title banner.
       $('.chemh-wrapper--banner-halfpill-title h2').contents().unwrap().wrap('<h1/>');
 
+      // Bckground color needed on only the Halfpill title banner.
+      $('.chemh-wrapper--banner-halfpill-title').parents().find('.su-page-banner').addClass('su-page-banner--title');
+
       // Replace <a> tag for event node event type taxonomy with <p>
       $('.node.event .section-editorial-content .su-event-type a').contents().unwrap().wrap('<p/>');
-      
+
       // Replace <a> tag for news node news topics taxonomy with <p>
       $('.news.node .layout--section-news-header .section-header .su-news-topics a').contents().unwrap().wrap('<p/>');
 

diff --git a/src/scss/components/banner/_banner--halfpill-title.scss b/src/scss/components/banner/_banner--halfpill-title.scss
@@ -7,7 +7,7 @@
 // .chemh-wrapper--banner-wholepill
 // .chemh-wrapper--banner-halfpill-title
 
-.su-page-banner {
+.su-page-banner--title {
   background: #000 url(../../assets/png/header-sm-000--cropped.png) no-repeat 50%/cover;
 
   .chemh-wrapper--banner-halfpill-title {