Forráskód Böngészése

only set Dashboard min-height on mobile

Artur Paikin 6 éve
szülő
commit
14135f5f2e
1 módosított fájl, 7 hozzáadás és 2 törlés
  1. 7 2
      packages/@uppy/dashboard/src/style.scss

+ 7 - 2
packages/@uppy/dashboard/src/style.scss

@@ -116,19 +116,24 @@
   max-width: 100%; /* no !important */
   max-width: 100%; /* no !important */
   max-height: 100%; /* no !important */
   max-height: 100%; /* no !important */
   // min-width: 290px;
   // min-width: 290px;
+  // min-height: 450px is required for everything to fit on mobile
   min-height: 450px;
   min-height: 450px;
   outline: none;
   outline: none;
   border: 1px solid rgba($color-gray, 0.2);
   border: 1px solid rgba($color-gray, 0.2);
   border-radius: 5px;
   border-radius: 5px;
 
 
-  .uppy-Dashboard--modal & {
-    z-index: $zIndex-3;
+  .uppy-size--md & {
+    min-height: auto;
   }
   }
 
 
   @media #{$screen-medium} {
   @media #{$screen-medium} {
     width: 750px; /* no !important */
     width: 750px; /* no !important */
     height: 550px; /* no !important */
     height: 550px; /* no !important */
   }
   }
+
+  .uppy-Dashboard--modal & {
+    z-index: $zIndex-3;
+  }
 }
 }
 
 
 .uppy-Dashboard-innerWrap {
 .uppy-Dashboard-innerWrap {