Merge pull request Shopify#148 from Shopify/modal-visibility-bug

Make sure small screen position is normal
cimocimocimo · Jul 16, 2014 · 56c3f15 · 56c3f15
2 parents 541db06 + cefdc92
commit 56c3f15
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/assets/ajaxify.scss.liquid b/assets/ajaxify.scss.liquid
@@ -498,7 +498,7 @@ form[action^="/cart/add"] {
   height: auto;
   z-index: 99999999;
   visibility: hidden;
-  overflow: scroll;
+  overflow: auto;
   -webkit-overflow-scrolling: touch;
   @include transition('left 0s linear 700ms, box-shadow 600ms cubic-bezier(0.47, 0.5, 0, 0.95) 400ms, margin-top 200ms ease-in-out');
 
@@ -549,6 +549,11 @@ form[action^="/cart/add"] {
     @include at-query ($min, $large) {
       @include box-shadow(0px 10px 80px rgba(0,0,0,.25));
     }
+
+    // Small screens
+    @include at-query ($max, $small) {
+      left: 0;
+    }
   }
 
   &.no-transforms {