magento#21101 Fix delete button in order to make product name clickab…

…le in Sidebar
ptylek · Apr 4, 2020 · b881f35 · b881f35
1 parent b307274
commit b881f35
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 27 deletions.
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
@@ -452,16 +452,31 @@
                     display: inline-block;
                 }
             }
+
+            .action {
+                &.delete {
+                    &:extend(.abs-remove-button-for-blocks all);
+                    position: absolute;
+                    right: 0;
+                    top: -1px;
+                }
+            }
         }
 
-        .action {
-            &.delete {
-                &:extend(.abs-remove-button-for-blocks all);
-                line-height: unset;
-                position: absolute;
-                right: 0;
-                top: -1px;
-                width: auto;
+        .block-wishlist {
+            .action {
+                &.delete {
+                    line-height: unset;
+                    width: auto;
+                }
+            }
+        }
+
+        .block-compare {
+            .action {
+                &.delete {
+                    right: initial;
+                }
             }
         }
 

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
@@ -537,15 +537,23 @@
                     &:extend(.abs-remove-button-for-blocks all);
                     position: absolute;
                     right: 0;
-                    top: 0;
+                    top: -1px;
+                }
+            }
+        }
+
+        .block-wishlist {
+            .action {
+                &.delete {
+                    line-height: unset;
+                    width: auto;
                 }
             }
         }
 
         .block-compare {
             .action {
                 &.delete {
-                    &:extend(.abs-remove-button-for-blocks all);
                     right: initial;
                 }
             }
@@ -984,23 +992,6 @@
     }
 }
 
-.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 {
         display: none;
@@ -1016,6 +1007,19 @@
     }
 }
 
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
+    .sidebar {
+        .product-items {
+            .action {
+                &.delete {
+                    line-height: unset;
+                    width: auto;
+                }
+            }
+        }
+    }
+}
+
 //
 //  Desktop
 //  _____________________________________________