feat: sd 257471 (#942)

* update sticky class * fix css-grid width * fix sticky height on mobile
wmcadigital · May 30, 2023 · 71888a0 · 71888a0
1 parent 4dc4c1c
commit 71888a0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/wmnds/assets/sass/styles/_utilities.scss b/src/wmnds/assets/sass/styles/_utilities.scss
@@ -30,6 +30,13 @@
   &.wmnds-sticky {
     position: sticky;
     top: 0;
+    max-height: 100vh;
+    overflow-y: auto;
+
+    @media screen and (max-width: $breakpoint-md) {
+      position: initial;
+      max-height: fit-content;
+    }
   }
 }
 

diff --git a/src/wmnds/assets/sass/styles/wmnds-grid/_grid-css-grid.scss b/src/wmnds/assets/sass/styles/wmnds-grid/_grid-css-grid.scss
@@ -11,7 +11,7 @@
   &-3-col {
     display: grid;
     grid-gap: $size-lg;
-    grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   }
 
   &-2-col {