From dcd968ab77f7437c67ccb16eff3bcd87ba13edae Mon Sep 17 00:00:00 2001
From: "michael.daniel" <michael@pcsg.de>
Date: Tue, 3 Sep 2019 14:15:00 +0200
Subject: [PATCH] feat: Search icon mobile opmized.
---
bin/css/style.css | 10 ++++++++++
bin/javascript/init.js | 33 +++++++++++++++++++++------------
2 files changed, 31 insertions(+), 12 deletions(-)
diff --git a/bin/css/style.css b/bin/css/style.css
index 93ff87a..e89fa1f 100644
--- a/bin/css/style.css
+++ b/bin/css/style.css
@@ -644,6 +644,16 @@ a.toTop:before {
}
}
+/* mobile search */
+.quiqqer-products-mobileSuggest-results ul {
+ padding: 0;
+}
+
+.quiqqer-products-mobileSuggest-container input[type="search"]:focus,
+.quiqqer-products-mobileSuggest-container input[type="text"]:focus {
+ background: #303134;
+}
+
/** header
===================================== */
diff --git a/bin/javascript/init.js b/bin/javascript/init.js
index 2564ae4..3e2f875 100644
--- a/bin/javascript/init.js
+++ b/bin/javascript/init.js
@@ -217,20 +217,29 @@ window.addEvent('domready', function () {
* Sticky menu
* @type {boolean}
*/
- var Menu = document.getElement('.cologne-header'),
- topBarHeight = document.getElement('.topbar').getSize().y,
- isMenuSticked = false,
- SearchBtn = document.getElement('.cologne-header .search-button'),
- SearchInput = document.getElement('.template-search input[type="search"]');
+ var Menu = document.getElement('.cologne-header'),
+ topBarHeight = document.getElement('.topbar').getSize().y,
+ isMenuSticky = false,
+ SearchBtn = document.getElement('.cologne-header .search-button'),
+ SearchInput = document.getElement('.template-search input[type="search"]');
if (SearchBtn && SearchInput) {
- SearchBtn.addEvent('click', function () {
+
+ var clickEvent = function () {
new Fx.Scroll(window, {
onComplete: function () {
SearchInput.focus();
}
}).toTop();
- });
+ };
+
+ if (QUI.getWindowSize().x < 767) {
+ clickEvent = function () {
+ document.getElement('.quiqqer-products-search-suggest-form-button').click();
+ };
+ }
+
+ SearchBtn.addEvent('click', clickEvent);
}
/**
@@ -255,7 +264,7 @@ window.addEvent('domready', function () {
Menu.addClass('cologne-header-fixed');
document.body.addClass('header-fixed');
- isMenuSticked = true;
+ isMenuSticky = true;
};
var showSearchBtn = function () {
@@ -281,13 +290,13 @@ window.addEvent('domready', function () {
Menu.removeClass('cologne-header-fixed');
Menu.setStyle('position', null);
document.body.removeClass('header-fixed');
- isMenuSticked = false;
+ isMenuSticky = false;
};
if (Menu) {
// check on page load if menu should be sticked to the top
if (QUI.getScroll().y >= topBarHeight) {
- if (isMenuSticked) {
+ if (isMenuSticky) {
return;
}
@@ -297,7 +306,7 @@ window.addEvent('domready', function () {
QUI.addEvent('scroll', function () {
if (QUI.getScroll().y >= topBarHeight) {
- if (isMenuSticked) {
+ if (isMenuSticky) {
return;
}
@@ -306,7 +315,7 @@ window.addEvent('domready', function () {
return;
}
- if (!isMenuSticked) {
+ if (!isMenuSticky) {
return;
}
--
GitLab