ENGCOM-3820: Changes for Product-per-row-not-proper-on-listing-page #20168

sivaschenko · web-flow · commit 2bd24959485f · 2019-01-15T12:07:13.000Z
diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less
@@ -42,7 +42,7 @@
 
             .products-grid & {
                 display: inline-block;
-                width: 100%/2;
+                width: 100%/2.04;
             }
 
             &:extend(.abs-add-box-sizing all);
@@ -363,7 +363,7 @@
     .products-grid {
         .product-item {
             margin-bottom: @indent__base;
-            width: 100%/3;
+            width: 100%/3.04;
         }
     }
 
@@ -374,7 +374,7 @@
     .page-products.page-layout-3columns {
         .products-grid {
             .product-item {
-                width: 100%/3;
+                width: 100%/3.04;
             }
         }
     }
@@ -388,7 +388,7 @@
     .page-products {
         .products-grid {
             .product-item {
-                width: 100%/3;
+                width: 100%/3.04;
             }
         }
     }
@@ -443,7 +443,7 @@
             .product-item {
                 margin-left: calc(~'(100% - 4 * 24.439%) / 3');
                 padding: 5px;
-                width: 24.439%;
+                width: 24.09%;
 
                 &:nth-child(4n + 1) {
                     margin-left: 0;

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@`
`42`	`42`
`43`	`43`	`.products-grid & {`
`44`	`44`	`display: inline-block;`
`45`		`- width: 100%/2;`
	`45`	`+ width: 100%/2.04;`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`&:extend(.abs-add-box-sizing all);`
`@@ -363,7 +363,7 @@`
`363`	`363`	`.products-grid {`
`364`	`364`	`.product-item {`
`365`	`365`	`margin-bottom: @indent__base;`
`366`		`- width: 100%/3;`
	`366`	`+ width: 100%/3.04;`
`367`	`367`	`}`
`368`	`368`	`}`
`369`	`369`
`@@ -374,7 +374,7 @@`
`374`	`374`	`.page-products.page-layout-3columns {`
`375`	`375`	`.products-grid {`
`376`	`376`	`.product-item {`
`377`		`- width: 100%/3;`
	`377`	`+ width: 100%/3.04;`
`378`	`378`	`}`
`379`	`379`	`}`
`380`	`380`	`}`
`@@ -388,7 +388,7 @@`
`388`	`388`	`.page-products {`
`389`	`389`	`.products-grid {`
`390`	`390`	`.product-item {`
`391`		`- width: 100%/3;`
	`391`	`+ width: 100%/3.04;`
`392`	`392`	`}`
`393`	`393`	`}`
`394`	`394`	`}`
`@@ -443,7 +443,7 @@`
`443`	`443`	`.product-item {`
`444`	`444`	`margin-left: calc(~'(100% - 4 * 24.439%) / 3');`
`445`	`445`	`padding: 5px;`
`446`		`- width: 24.439%;`
	`446`	`+ width: 24.09%;`
`447`	`447`
`448`	`448`	`&:nth-child(4n + 1) {`
`449`	`449`	`margin-left: 0;`