fix(shs-5991): remove overflow hidden to li in all scenarios, and add…

… it only in specific scenarios
SU-HSDO · Jan 3, 2025 · 3a25634 · 3a25634
1 parent a12f965
commit 3a25634
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/docroot/themes/humsci/humsci_basic/src/scss/ckeditor/imports.scss b/docroot/themes/humsci/humsci_basic/src/scss/ckeditor/imports.scss
@@ -320,6 +320,13 @@ $px-only: true;
     }
   }
 
+  // This prevents the list item to float behind images that are floated to the left
+  figure.drupal-media-style-align-left ~ ul:not([class]):first-of-type {
+    li {
+      overflow: hidden;
+    }
+  }
+
   ol {
     @include hb-ordered-list;
     margin: 0 0 32px;

diff --git a/docroot/themes/humsci/humsci_basic/src/scss/elements/_base.scss b/docroot/themes/humsci/humsci_basic/src/scss/elements/_base.scss
@@ -129,6 +129,13 @@ ul:not([class]) {
   @include hb-unordered-list;
 }
 
+// This prevents the list item to float behind images that are floated to the left
+figure.align-left ~ ul:not([class]):first-of-type {
+  li {
+    overflow: hidden;
+  }
+}
+
 ol:not([class]) {
   @include hb-ordered-list;
 }

diff --git a/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.general.scss b/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.general.scss
@@ -124,9 +124,6 @@
     margin-bottom: hb-calculate-rems(10px);
     padding-left: hb-calculate-rems(18px);
 
-    // This prevents the list item to float behind images that are floated to the left
-    overflow: hidden;
-
     &::before {
       content: '';
       display: block;