fix(shs-5505): fix banner image with partial overlay title alignment

SU-HSDO · Mar 4, 2024 · 232b03c · 232b03c
1 parent bf9ef63
commit 232b03c
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/docroot/themes/humsci/humsci_airy/css/humsci_airy.css b/docroot/themes/humsci/humsci_airy/css/humsci_airy.css
diff --git a/docroot/themes/humsci/humsci_basic/src/scss/components/_pattern.gradient-hero.scss b/docroot/themes/humsci/humsci_basic/src/scss/components/_pattern.gradient-hero.scss
@@ -31,6 +31,8 @@
 
   &__text {
     @include hb-hero-text;
+    display: flex;
+    flex-direction: column;
     max-width: hb-calculate-rems($hb-layout-XXL-width) !important; // override max page width set in hb-page-width mixin
     padding-right: hb-calculate-rems(24px);
 
@@ -43,6 +45,7 @@
     }
 
     h2,
+    h3,
     .field-hs-gradient-hero-body p {
       @include hb-traditional {
         margin-bottom: 0;
@@ -58,6 +61,11 @@
         text-align: right;
       }
 
+      h2,
+      h3 {
+        align-self: flex-end;
+      }
+
       .field-hs-gradient-hero-body {
         flex-direction: column;
         align-items: flex-end;

diff --git a/docroot/themes/humsci/humsci_colorful/css/humsci_colorful.css b/docroot/themes/humsci/humsci_colorful/css/humsci_colorful.css
diff --git a/docroot/themes/humsci/humsci_traditional/css/humsci_traditional.css b/docroot/themes/humsci/humsci_traditional/css/humsci_traditional.css