changes for advanced-Search-layout-2.2

JeroenVanLeusden · Mar 25, 2019 · af75c5a · af75c5a
1 parent 67b732c
commit af75c5a
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 24 deletions.
diff --git a/app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/_module.less
@@ -188,6 +188,17 @@
             margin-bottom: 0;
         }
     }
+
+    .form.search.advanced {
+        .field.price {
+            .with-addon {
+                .input-text {
+                    flex-basis: auto;
+                    width: 100%;
+                }
+            }
+        }
+    }
 }
 
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
@@ -256,4 +267,9 @@
     .search-autocomplete {
         margin-top: 0;
     }
+
+    .form.search.advanced {
+        min-width: 600px;
+        width: 50%;
+    }
 }
diff --git a/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less
@@ -388,17 +388,6 @@
             position: relative;
         }
     }
-
-    .form.search.advanced {
-        .field.price {
-            .with-addon {
-                .input-text {
-                    flex-basis: auto;
-                    width: 100%;
-                }
-            }
-        }
-    }
 }
 
 //
@@ -463,7 +452,6 @@
     .form.send.confirmation,
     .form.password.forget,
     .form.create.account,
-    .form.search.advanced,
     .form.form-orders-search {
         min-width: 600px;
         width: 50%;

diff --git a/app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/_module.less
@@ -213,6 +213,19 @@
 //  Mobile
 //  _____________________________________________
 
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
+    .form.search.advanced {
+        .field.price {
+            .with-addon {
+                .input-text {
+                    flex-basis: auto;
+                    width: 100%;
+                }
+            }
+        }
+    }
+}
+
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
     .block-search {
         margin-top: @indent__s;
@@ -275,4 +288,9 @@
     .search-autocomplete {
         margin-top: 0;
     }
+
+    .form.search.advanced {
+        min-width: 600px;
+        width: 50%;
+    }
 }
diff --git a/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less
@@ -403,7 +403,6 @@
     .form.send.confirmation,
     .form.password.forget,
     .form.create.account,
-    .form.search.advanced,
     .form.form-orders-search {
         min-width: 600px;
         width: 50%;
@@ -604,15 +603,4 @@
             position: relative;
         }
     }
-
-    .form.search.advanced {
-        .field.price {
-            .with-addon {
-                .input-text {
-                    flex-basis: auto;
-                    width: 100%;
-                }
-            }
-        }
-    }
 }