#108: Clear Shopping Cart - Add RWD styling to cart actions container using flex

John Carlo Octabio · John Carlo Octabio · commit e9c6dd110118 · 2020-06-10T12:30:19.000+08:00
diff --git a/app/code/Magento/Checkout/Block/Cart/Grid.php b/app/code/Magento/Checkout/Block/Cart/Grid.php
@@ -165,8 +165,8 @@ public function getItems()
     }
 
     /**
-     * Verify if display pager on shopping cart if cart block has custom_items and items qty in the shopping cart<limit
-     * from stores configuration
+     * Verify if display pager on shopping cart
+     * If cart block has custom_items and items qty in the shopping cart<limit from stores configuration
      *
      * @return bool
      */
diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less
@@ -424,7 +424,14 @@
     .cart-container {
         .form-cart {
             .actions.main {
-                text-align: center;
+                .lib-vendor-prefix-display();
+                .lib-vendor-prefix-flex-direction(column);
+                .lib-vendor-box-align(center);
+
+                .clear,
+                .continue {
+                    .lib-css(margin, 0 0 @indent__m 0);
+                }
             }
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -165,8 +165,8 @@ public function getItems()`
`165`	`165`	`}`
`166`	`166`
`167`	`167`	`/**`
`168`		`- * Verify if display pager on shopping cart if cart block has custom_items and items qty in the shopping cart<limit`
`169`		`- * from stores configuration`
	`168`	`+ * Verify if display pager on shopping cart`
	`169`	`+ * If cart block has custom_items and items qty in the shopping cart<limit from stores configuration`
`170`	`170`	`*`
`171`	`171`	`* @return bool`
`172`	`172`	`*/`
Original file line number	Diff line number	Diff line change
`@@ -424,7 +424,14 @@`
`424`	`424`	`.cart-container {`
`425`	`425`	`.form-cart {`
`426`	`426`	`.actions.main {`
`427`		`- text-align: center;`
	`427`	`+ .lib-vendor-prefix-display();`
	`428`	`+ .lib-vendor-prefix-flex-direction(column);`
	`429`	`+ .lib-vendor-box-align(center);`
	`430`	`+`
	`431`	`+ .clear,`
	`432`	`+ .continue {`
	`433`	`+ .lib-css(margin, 0 0 @indent__m 0);`
	`434`	`+ }`
`428`	`435`	`}`
`429`	`436`	`}`
`430`	`437`	`}`