🐛 bug(lists.scss): Fixed issue where mobile devices could not select …

…from CSS-only dropdown menu
Spiderpig86 · Aug 9, 2020 · 54f17c3 · 54f17c3
1 parent 619ca78
commit 54f17c3
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -2947,6 +2947,12 @@ a button,
   --font-size-l: 1.35rem;
   --font-size-xl: 1.75rem; }
 
+/* Spacing */
+/* Fonts */
+/* Grid Count */
+/* Grid Percents */
+/* Tab Sizes */
+/* Media Queries */
 /* LISTS */
 ul,
 ol {
@@ -3093,6 +3099,11 @@ ul {
     overflow: hidden;
     -webkit-transition: all var(--animation-duration);
     transition: all var(--animation-duration); }
+    @media screen and (max-width: 768px) {
+      .list-dropdown .menu {
+        height: 0;
+        padding: 0 !important;
+        position: relative; } }
   .list-dropdown.dropdown-right .menu {
     left: auto;
     right: 0; }

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/core/lists.scss b/src/core/lists.scss
@@ -1,4 +1,5 @@
 @import "./theme.scss";
+@import "../../helpers/_size";
 /* LISTS */
 
 ul,
@@ -194,6 +195,12 @@ ul {
         overflow: hidden;
         -webkit-transition: all var(--animation-duration);
         transition: all var(--animation-duration);
+
+        @include screen-below('tablet') {
+            height: 0;
+            padding: 0 !important;
+            position: relative;
+        }
     }
 
     &.dropdown-right .menu {