From a30a6ab4aa3d69df52ef6f87f2bb8b3a57abe919 Mon Sep 17 00:00:00 2001
From: "michael.danielczok" <michael@pcsg.de>
Date: Sat, 12 Feb 2022 17:24:19 +0100
Subject: [PATCH] refactor: Search form CSS optimized according to
https://dev.quiqqer.com/quiqqer/productsearch/-/commit/eabbf0732f79b9e2f8ecf5ec9220e57391dfe488
---
bin/css/products.css | 24 ++++++++++++++----------
1 file changed, 14 insertions(+), 10 deletions(-)
diff --git a/bin/css/products.css b/bin/css/products.css
index ea7a97c..0485723 100644
--- a/bin/css/products.css
+++ b/bin/css/products.css
@@ -100,34 +100,38 @@
margin-bottom: 20px !important;
}
-/* free text search */
-.quiqqer-products-category-freetextSearch {
+/* free text search / product search*/
+.quiqqer-products-search-form {
display: flex;
}
-.quiqqer-products-category-freetextSearch input {
+.quiqqer-products-search-form input {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
-.quiqqer-products-category-freetextSearch button {
+.quiqqer-products-search-form button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
-.quiqqer-products-category-freetextSearch button .fa {
+.quiqqer-products-search-form button .fa {
margin: 0;
}
-.quiqqer-products-search-form.quiqqer-products-category-freetextSearch [type="search"] {
- max-width: calc(100% - 50px);
- width: calc(100% - 50px);
+/* product search with no filter */
+.quiqqer-products-productsearch .quiqqer-products-search-form {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
}
-.quiqqer-products-search-form.quiqqer-products-category-freetextSearch button {
- width: 50px;
+@media screen and (min-width: 768px) {
+ .quiqqer-products-productsearch .quiqqer-products-search-form {
+ max-width: 500px;
+ }
}
+
/**********/
/* Filter */
/**********/
--
GitLab