ENGCOM-3854: Fixed checkout page product options alignment in order s…

…ummary #20138
magento · Jan 31, 2019 · b8f01db · b8f01db
2 parents d4eae66 + 986897f
commit b8f01db
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/...rontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_order-summary.less b/...rontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_order-summary.less
@@ -118,6 +118,10 @@
 
             .product {
                 position: relative;
+                .item-options {
+                    &:extend(.abs-product-options-list all);
+                    &:extend(.abs-add-clearfix all);
+                }
             }
         }
 

diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less
@@ -63,6 +63,13 @@
             }
         }
 
+        dl {
+            &.product.options.list {
+                vertical-align: top;
+                display: inline-block;
+            }
+        }
+
         .text {
             &.empty {
                 text-align: center;
@@ -288,6 +295,15 @@
             .details-qty {
                 margin-top: @indent__s;
             }
+
+            .product {
+                .options {
+                    &.list {
+                        &:extend(.abs-product-options-list all);
+                        &:extend(.abs-add-clearfix all);
+                    }
+                }
+            }
         }
 
         .product {

diff --git a/...frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_order-summary.less b/...frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_order-summary.less
@@ -118,6 +118,10 @@
 
             .product {
                 position: relative;
+                .item-options {
+                    &:extend(.abs-product-options-list all);
+                    &:extend(.abs-add-clearfix all);
+                }
             }
         }