ENGCOM-6233: MAGETWO-98251 Position remove icon in sidebar #25380

VladimirZaets · web-flow · commit c37c7e919c53 · 2019-11-14T12:55:54.000-06:00
diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_module.less
@@ -457,9 +457,11 @@
         .action {
             &.delete {
                 &:extend(.abs-remove-button-for-blocks all);
+                line-height: unset;
                 position: absolute;
                 right: 0;
-                top: 0;
+                top: -1px;
+                width: auto;
             }
         }
 
diff --git a/app/design/frontend/Magento/blank/web/css/source/_layout.less b/app/design/frontend/Magento/blank/web/css/source/_layout.less
@@ -125,11 +125,14 @@
     }
 
     .page-layout-2columns-left {
+        .main {
+            padding-left: @layout-column__additional-sidebar-offset
+        }
+
         .sidebar-additional {
             clear: left;
             float: left;
             padding-left: 0;
-            padding-right: @layout-column__additional-sidebar-offset;
         }
     }
 
diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/_module.less
@@ -397,7 +397,7 @@
 
     .box-tocart {
         &:extend(.abs-box-tocart all);
-        
+
         .field.qty {
         }
 
@@ -987,6 +987,24 @@
         }
     }
 }
+
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
+    .sidebar {
+        .product-items {
+            .action {
+                &.delete {
+                    &:extend(.abs-remove-button-for-blocks all);
+                    line-height: unset;
+                    position: absolute;
+                    right: 0;
+                    top: -1px;
+                    width: auto;
+                }
+            }
+        }
+    }
+}
+
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .compare.wrapper,
     [class*='block-compare'] {
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
@@ -360,13 +360,12 @@
                     position: absolute;
                     top: -2px;
                     width: 100%;
-                    z-index: 1;
+                    z-index: -1;
                 }
             }
         }
 
         .product-item-actions {
-            position: relative;
             z-index: 1;
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -457,9 +457,11 @@`
`457`	`457`	`.action {`
`458`	`458`	`&.delete {`
`459`	`459`	`&:extend(.abs-remove-button-for-blocks all);`
	`460`	`+ line-height: unset;`
`460`	`461`	`position: absolute;`
`461`	`462`	`right: 0;`
`462`		`- top: 0;`
	`463`	`+ top: -1px;`
	`464`	`+ width: auto;`
`463`	`465`	`}`
`464`	`466`	`}`
`465`	`467`
Original file line number	Diff line number	Diff line change
`@@ -125,11 +125,14 @@`
`125`	`125`	`}`
`126`	`126`
`127`	`127`	`.page-layout-2columns-left {`
	`128`	`+ .main {`
	`129`	`+ padding-left: @layout-column__additional-sidebar-offset`
	`130`	`+ }`
	`131`	`+`
`128`	`132`	`.sidebar-additional {`
`129`	`133`	`clear: left;`
`130`	`134`	`float: left;`
`131`	`135`	`padding-left: 0;`
`132`		`- padding-right: @layout-column__additional-sidebar-offset;`
`133`	`136`	`}`
`134`	`137`	`}`
`135`	`138`
Original file line number	Diff line number	Diff line change
`@@ -360,13 +360,12 @@`
`360`	`360`	`position: absolute;`
`361`	`361`	`top: -2px;`
`362`	`362`	`width: 100%;`
`363`		`- z-index: 1;`
	`363`	`+ z-index: -1;`
`364`	`364`	`}`
`365`	`365`	`}`
`366`	`366`	`}`
`367`	`367`
`368`	`368`	`.product-item-actions {`
`369`		`- position: relative;`
`370`	`369`	`z-index: 1;`
`371`	`370`	`}`
`372`	`371`	`}`