Remove extra whitespace on Quick Add modals (Shopify#1706)

* Always centered * Non centered * Revert height * Set height to initial height * Revert fixed height * Remove extra
Gravytrain-UK · May 19, 2022 · 0c20fd6 · 0c20fd6
1 parent e5a5631
commit 0c20fd6
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/assets/quick-add.css b/assets/quick-add.css
@@ -46,7 +46,7 @@
   .quick-add-modal__content {
     margin-top: 10rem;
     width: 80%;
-    height: calc(100% - 20rem);
+    max-height: calc(100% - 20rem);
     overflow-y: auto;
   }
 
@@ -137,6 +137,10 @@ quick-add-modal .slider.slider--mobile {
   overflow: visible;
 }
 
+quick-add-modal .product__media-list {
+  margin-bottom: 0;
+}
+
 quick-add-modal .product__media-list .deferred-media {
   display: block;
   width: 100%;
@@ -186,10 +190,6 @@ quick-add-modal .product__title > a:hover {
   text-decoration-thickness: 0.3rem;
 }
 
-quick-add-modal .product__view-details {
-  padding-bottom: 2.5rem;
-}
-
 quick-add-modal .product-form__buttons {
   max-width: initial;
 }