Fixed-Wishlist-alignment-issue-at-mobile-2.2

amol 2jcommerce · amol 2jcommerce · commit 38481cbcaf59 · 2019-01-24T19:56:54.000+05:30
diff --git a/app/design/frontend/Magento/blank/Magento_MultipleWishlist/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_MultipleWishlist/web/css/source/_module.less
@@ -342,7 +342,7 @@
         .product {
             &-item {
                 &-checkbox {
-                    left: 20px;
+                    left: 0px;
                     position: absolute;
                     top: 20px;
                 }
diff --git a/app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/_module.less
@@ -177,10 +177,10 @@
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .products-grid.wishlist {
         margin-bottom: @indent__l;
-        margin-right: -@indent__s;
+        margin-right: 0;
         .product {
             &-item {
-                padding: @indent__base @indent__s @indent__base @indent__base;
+                padding: @indent__base 0 @indent__base 0;
                 position: relative;
 
                 &-photo {
diff --git a/app/design/frontend/Magento/luma/Magento_MultipleWishlist/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_MultipleWishlist/web/css/source/_module.less
@@ -435,7 +435,7 @@
         .product {
             &-item {
                 &-checkbox {
-                    left: 20px;
+                    left: 0px;
                     position: absolute;
                     top: 20px;
                 }
diff --git a/app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/_module.less
@@ -185,11 +185,11 @@
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .products-grid.wishlist {
         margin-bottom: @indent__l;
-        margin-right: -@indent__s;
+        margin-right: 0;
 
         .product {
             &-item {
-                padding: @indent__base @indent__s @indent__base @indent__base;
+                padding: @indent__base 0 @indent__base 0;
                 position: relative;
 
                 &-photo {

Original file line number	Diff line number	Diff line change
`@@ -342,7 +342,7 @@`
`342`	`342`	`.product {`
`343`	`343`	`&-item {`
`344`	`344`	`&-checkbox {`
`345`		`- left: 20px;`
	`345`	`+ left: 0px;`
`346`	`346`	`position: absolute;`
`347`	`347`	`top: 20px;`
`348`	`348`	`}`
Original file line number	Diff line number	Diff line change
`@@ -435,7 +435,7 @@`
`435`	`435`	`.product {`
`436`	`436`	`&-item {`
`437`	`437`	`&-checkbox {`
`438`		`- left: 20px;`
	`438`	`+ left: 0px;`
`439`	`439`	`position: absolute;`
`440`	`440`	`top: 20px;`
`441`	`441`	`}`