overlays-overflow-fix

Author: dewanshDT

client/styles/components/_overlay.scss

@@ -23,15 +23,22 @@
   flex-wrap: wrap;
   flex-flow: column;
   max-height: 80%;
+  max-width: 80%;
   position: relative;
   padding-bottom: #{25 / $base-font-size}rem;
+
+  @media (max-width: 650px) {
+    max-width: 100%;
+    max-height: 100%;
+    height: 100vh;
+    width: 100vw;
+  }
 }
 
 .overlay__header {
   display: flex;
   justify-content: space-between;
   padding: #{20 / $base-font-size}rem;
-  flex: 1 0 auto;
 }
 
 .overlay__actions {
@@ -55,4 +62,3 @@
 .overlay--is-fixed-height .overlay__header {
   flex: 0;
 }
-