TCI-1133: mobile theme on trigger container (#834)

JudicialCouncilOfCalifornia · Aug 24, 2023 · 34b823c · 34b823c
1 parent 08425a7
commit 34b823c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/source/_patterns/03-organisms/offcanvas/_offcanvas.scss b/source/_patterns/03-organisms/offcanvas/_offcanvas.scss
@@ -84,6 +84,15 @@ $_config: map-merge-by-keys($_config_schemes, base, $_config_schemes, $scheme);
       @include u-margin-bottom(4);
     }
 
+    &.mobile {
+      .block {
+        width: 50%;
+        &:only-child {
+          @include u-width(full);
+        }
+      }
+    }
+
     &.open {
       @include u-display(block);
       @include u-margin-bottom(0);
@@ -104,13 +113,6 @@ $_config: map-merge-by-keys($_config_schemes, base, $_config_schemes, $scheme);
       a, iframe {
         @include u-width(full, !important);
       }
-
-      &--mobile {
-        width: 50%;
-        &:only-child {
-          @include u-width(full);
-        }
-      }
     }
 
     %jcc-button {

diff --git a/source/_patterns/03-organisms/offcanvas/offcanvas.js b/source/_patterns/03-organisms/offcanvas/offcanvas.js
@@ -37,10 +37,10 @@ const autoDesktopDialogHeight = () => {
 const triggersAdjust = (state) => {
   if (state) {
     $(triggerContainer).attr("style", "width: " + $(window).width() + "px");
-    $(offcanvas_triggers).addClass("block--mobile");
+    $(triggerContainer).addClass("mobile");
   } else {
     $(triggerContainer).removeAttr("style");
-    $(offcanvas_triggers).removeClass("block--mobile");
+    $(triggerContainer).removeClass("mobile");
   }
 }