Mobile search UX update

docker-compose.yml

@@ -136,6 +136,10 @@ networks:
         name: "${PROJECT}-back"
 
 volumes:
-        wordpress: { }
-        wp-content: { }
+        mariadb:
+            name: "${PROJECT}-mariadb"
+        wordpress:
+            name: "${PROJECT}-wordpress"
+        wp-content:
+            name: "${PROJECT}-wp-content"
 

wp-content/themes/biuro/footer.php

@@ -152,7 +152,7 @@
 
 ?>
 
-    <script src="/wp-content/themes/biuro/js/main-efbd8610.min.js" async defer></script>
+    <script src="/wp-content/themes/biuro/js/main-a24027de.min.js" async defer></script>
 
     <script src="/wp-content/themes/biuro/js/vendor/modernizr-custom.js" async defer></script>
 

wp-content/themes/biuro/js/main-efbd8610.min.js → wp-content/themes/biuro/js/main-a24027de.min.js

-!function(e){function t(t){for(var o,r,c=t[0],s=t[1],a=0,l=[];a<c.length;a++)r=c[a],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&l.push(n[r][0]),n[r]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);for(i&&i(t);l.length;)l.shift()()}var o={},n={4:0};function r(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var t=[],o=n[e];if(0!==o)if(o)t.push(o[2]);else{var c=new Promise((function(t,r){o=n[e]=[t,r]}));t.push(o[2]=c);var s,a=document.createElement("script");a.charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.src=function(e){return r.p+"wp-content/themes/biuro/js/components/"+({0:"accordion",1:"autocomplete",2:"feedback",3:"job-share",5:"map",6:"popup"}[e]||e)+"-"+{0:"2f69296d",1:"33628f85",2:"68bfd316",3:"9c343c1c",5:"ed180b29",6:"0b575b0f"}[e]+".min.js"}(e);var i=new Error;s=function(t){a.onerror=a.onload=null,clearTimeout(l);var o=n[e];if(0!==o){if(o){var r=t&&("load"===t.type?"missing":t.type),c=t&&t.target&&t.target.src;i.message="Loading chunk "+e+" failed.\n("+r+": "+c+")",i.name="ChunkLoadError",i.type=r,i.request=c,o[1](i)}n[e]=void 0}};var l=setTimeout((function(){s({type:"timeout",target:a})}),12e4);a.onerror=a.onload=s,document.head.appendChild(a)}return Promise.all(t)},r.m=e,r.c=o,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r.oe=function(e){throw console.error(e),e};var c=window.webpackJsonp=window.webpackJsonp||[],s=c.push.bind(c);c.push=t,c=c.slice();for(var a=0;a<c.length;a++)t(c[a]);var i=s;r(r.s=1)}([function(e,t,o){"use strict";function n(e){return new Promise((t,o)=>{const n=document.createElement("script");n.src=e,n.async=!0,n.onload=t,n.onerror=o,document.head.appendChild(n)})}o.d(t,"a",(function(){return n}))},function(e,t,o){e.exports=o(3)},function(e,t){window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),[Element.prototype,CharacterData.prototype,DocumentType.prototype].forEach((function(e){e.hasOwnProperty("remove")||Object.defineProperty(e,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})}))},function(e,t,o){"use strict";o.r(t);o(2);var n=o(0);const r="6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu";let c;const s=(e,t)=>{const o=Math.floor(999999*Math.random())+1e5;window.grecaptcha.execute(r,{action:t+o}).then(t=>{e.value=t}),c||(c=setInterval(()=>{s(e,t)},9e4))},a=e=>{if(c)return;const t=e.dataset.action||"";Object(n.a)("https://www.google.com/recaptcha/api.js?render="+r).then(()=>{window.grecaptcha&&window.grecaptcha.ready((function(){s(e,t)}))})};(e=>{const t=document.getElementById("cookie-warning"),o=document.getElementById("cookie-agree"),n=document.getElementById("cookie-close"),r=!!c()&&localStorage.getItem("biuro-agree");function c(){try{return localStorage.setItem("a","a"),localStorage.removeItem("a"),!0}catch(e){return!1}}t&&o&&n&&!r&&(t.style.display="block",o.addEventListener("click",()=>{c()&&localStorage.setItem("biuro-agree","true"),t.style.display="none"}),n.addEventListener("click",()=>{t.style.display="none"}))})(window),(e=>{const t=document.querySelector(".c-nav--lang");t&&t.addEventListener("click",e=>{e.currentTarget.classList.toggle("c-nav--lang--is-open")})})(window),window,document.querySelectorAll(".js-toggle--nav").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.toggle("is-nav--open")})}),document.querySelectorAll(".js-toggle--aside").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.remove("is-aside--open"),document.body.classList.remove("is-aside--open-additional"),document.body.classList.remove("is-aside--open-city")})}),document.querySelectorAll(".js-toggle--aside-city").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.add("is-aside--open"),document.body.classList.remove("is-aside--open-additional"),document.body.classList.add("is-aside--open-city")})}),document.querySelectorAll(".js-toggle--aside--additional").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.toggle("is-aside--open"),document.body.classList.remove("is-aside--open-city"),document.body.classList.add("is-aside--open-additional")})}),document.querySelectorAll(".js-form--input-file").forEach(e=>{e.addEventListener("change",()=>{const t=e.parentNode,o=e.value.split(/\\|\//).pop(),n=t.querySelector(".js-form--input-file-text");n&&o&&(n.innerHTML=o)})}),document.querySelectorAll(".js-toggle--services").forEach(e=>{e.addEventListener("click",()=>{e.parentNode.classList.toggle("c-services--is-open")})}),document.querySelectorAll(".js-toggle--sections").forEach(e=>{e.addEventListener("click",()=>{const t=e.parentNode;t.classList.contains("c-sections--is-open")||document.querySelectorAll(".c-sections--is-open").forEach(e=>{e.classList.remove("c-sections--is-open")}),t.classList.toggle("c-sections--is-open")})}),document.querySelectorAll(".js-expand-jobs-section").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),e.parentNode.classList.remove("c-jobs-section--is-closed"),e.remove()})});const i=()=>{const e=document.querySelector('[name="s"][value="1"]');if(e)return void e.click();const t=document.querySelector('[name="name"]');t&&t.focus()};document.querySelector(".js-inititate-position-form")&&document.querySelector(".js-inititate-position-form").addEventListener("click",i),document.querySelector(".js-focus-form")&&document.querySelector(".js-focus-form").addEventListener("click",()=>{const e=document.querySelector(".c-form input:first-of-type");e&&e.focus()}),document.querySelector(".js-modal--close")&&document.querySelector(".js-modal--close").addEventListener("click",()=>{const e=document.querySelector(".c-modal");e&&e.remove();const t=document.querySelector(".c-form [autofocus]");t&&t.focus()}),(e=>{const t=document.querySelector(".c-form [autofocus]");if(t&&t.focus(),location.hash){const e=document.querySelector(".c-form--input-wrap--error input")||document.querySelector(".c-form--checkbox--error");if(e)return void e.focus();const t=document.querySelector('.c-form [name="name"]');t&&t.focus()}})(window),window,document.querySelectorAll(".gtm-share-click").forEach(e=>{e.addEventListener("click",t=>{const o=e.dataset||{};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"shareClick",shareLabel:o.label||""})})}),document.querySelectorAll(".gtm-click").forEach(e=>{e.addEventListener("click",t=>{const o=e.dataset||{};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o.event||"",label:o.label||""})})});document.querySelectorAll('[name="form-position"], [name="form-employees"], [name="form-employers"], [name="form-recommend"], [name="form-newsletter"]').forEach(e=>{e.addEventListener("submit",()=>{(e=>{e.querySelector('[type="submit"]')&&(e.querySelector('[type="submit"]').classList.add("c-btn--disabled"),e.querySelector('[type="submit"]').classList.add("c-btn--loading"))})(e)})}),document.querySelector("#submit-recommend")&&document.querySelector("#submit-recommend").addEventListener("click",e=>{e.preventDefault();const t=document.querySelector('[name="form-recommend"] [type="submit"]');t&&(e.currentTarget.classList.add("c-btn--disabled"),e.currentTarget.classList.add("c-btn--loading"),t.click())}),document.querySelector(".js-submit-employees-form")&&document.querySelector(".js-submit-employees-form").addEventListener("click",e=>{const t=document.querySelector('[name="form-employees"] [type="submit"]');t&&(e.preventDefault(),e.currentTarget.classList.add("c-btn--disabled"),e.currentTarget.classList.add("c-btn--loading"),t.click())}),document.querySelector(".js-accordion--header")&&async function(){const{default:e}=await o.e(0).then(o.bind(null,7));return e}().then(e=>{e()});(e=>{if(!e)return;const t=()=>{(async function(){const{default:e}=await o.e(2).then(o.bind(null,8));return e})().then(e=>{e()})};if(!window.IntersectionObserver)return void t();const n=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(t(),n.unobserve(e.target))})},{});n.observe(e)})(document.querySelector(".c-feedbacks--inner"));const l=()=>{const e=()=>{(async function(){const{default:e}=await o.e(1).then(o.bind(null,9));return e})().then(e=>{e()})};window.requestIdleCallback?window.requestIdleCallback(e):e()};(document.getElementById("search")||document.getElementById("form-city")||document.getElementById("recommend-form-city"))&&l(),(document.getElementById("js-map--divisions")||document.getElementById("js-map--cities")||document.getElementById("js-map--regions"))&&async function(){const{default:e}=await o.e(5).then(o.bind(null,10));return e}().then(e=>{e()}),(document.querySelector(".js-copy-to-clipboard")||document.querySelector(".js-share-messenger")||document.querySelector(".js-share-whatsapp")||document.querySelector(".js-biuro-facebook"))&&async function(){const{default:e}=await o.e(3).then(o.bind(null,11));return e}().then(e=>{e()}),document.querySelector(".js-collapse-row--toggle")&&document.querySelector(".js-collapse-row--toggle").addEventListener("click",e=>{e.currentTarget.parentNode.classList.toggle("c-form--row--collapsed")});const d=document.getElementById("g-recaptcha-response");d&&async function(e){if("IntersectionObserver"in window){const t=e.closest("form"),o=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(a(e),o.unobserve(t.target))})},{});o.observe(t)}else window.requestIdleCallback?window.requestIdleCallback(()=>{a(e)}):a(e)}(d),async function(){const{default:e}=await o.e(6).then(o.bind(null,12));e()}()}]);
\ No newline at end of file
+!function(e){function t(t){for(var o,r,c=t[0],s=t[1],a=0,l=[];a<c.length;a++)r=c[a],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&l.push(n[r][0]),n[r]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);for(i&&i(t);l.length;)l.shift()()}var o={},n={4:0};function r(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var t=[],o=n[e];if(0!==o)if(o)t.push(o[2]);else{var c=new Promise((function(t,r){o=n[e]=[t,r]}));t.push(o[2]=c);var s,a=document.createElement("script");a.charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.src=function(e){return r.p+"wp-content/themes/biuro/js/components/"+({0:"accordion",1:"autocomplete",2:"feedback",3:"job-share",5:"map",6:"popup"}[e]||e)+"-"+{0:"2f69296d",1:"33628f85",2:"68bfd316",3:"9c343c1c",5:"ed180b29",6:"0b575b0f"}[e]+".min.js"}(e);var i=new Error;s=function(t){a.onerror=a.onload=null,clearTimeout(l);var o=n[e];if(0!==o){if(o){var r=t&&("load"===t.type?"missing":t.type),c=t&&t.target&&t.target.src;i.message="Loading chunk "+e+" failed.\n("+r+": "+c+")",i.name="ChunkLoadError",i.type=r,i.request=c,o[1](i)}n[e]=void 0}};var l=setTimeout((function(){s({type:"timeout",target:a})}),12e4);a.onerror=a.onload=s,document.head.appendChild(a)}return Promise.all(t)},r.m=e,r.c=o,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r.oe=function(e){throw console.error(e),e};var c=window.webpackJsonp=window.webpackJsonp||[],s=c.push.bind(c);c.push=t,c=c.slice();for(var a=0;a<c.length;a++)t(c[a]);var i=s;r(r.s=1)}([function(e,t,o){"use strict";function n(e){return new Promise((t,o)=>{const n=document.createElement("script");n.src=e,n.async=!0,n.onload=t,n.onerror=o,document.head.appendChild(n)})}o.d(t,"a",(function(){return n}))},function(e,t,o){e.exports=o(3)},function(e,t){window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),[Element.prototype,CharacterData.prototype,DocumentType.prototype].forEach((function(e){e.hasOwnProperty("remove")||Object.defineProperty(e,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})}))},function(e,t,o){"use strict";o.r(t);o(2);var n=o(0);const r="6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu";let c;const s=(e,t)=>{const o=Math.floor(999999*Math.random())+1e5;window.grecaptcha.execute(r,{action:t+o}).then(t=>{e.value=t}),c||(c=setInterval(()=>{s(e,t)},9e4))},a=e=>{if(c)return;const t=e.dataset.action||"";Object(n.a)("https://www.google.com/recaptcha/api.js?render="+r).then(()=>{window.grecaptcha&&window.grecaptcha.ready((function(){s(e,t)}))})};(e=>{const t=document.getElementById("cookie-warning"),o=document.getElementById("cookie-agree"),n=document.getElementById("cookie-close"),r=!!c()&&localStorage.getItem("biuro-agree");function c(){try{return localStorage.setItem("a","a"),localStorage.removeItem("a"),!0}catch(e){return!1}}t&&o&&n&&!r&&(t.style.display="block",o.addEventListener("click",()=>{c()&&localStorage.setItem("biuro-agree","true"),t.style.display="none"}),n.addEventListener("click",()=>{t.style.display="none"}))})(window),(e=>{const t=document.querySelector(".c-nav--lang");t&&t.addEventListener("click",e=>{e.currentTarget.classList.toggle("c-nav--lang--is-open")})})(window),window,document.querySelectorAll(".js-toggle--nav").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.toggle("is-nav--open")})}),document.querySelectorAll(".js-toggle--aside").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.remove("is-aside--open"),document.body.classList.remove("is-aside--open-additional"),document.body.classList.remove("is-aside--open-city")})}),document.querySelectorAll(".js-toggle--aside-city").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.add("is-aside--open"),document.body.classList.remove("is-aside--open-additional"),document.body.classList.add("is-aside--open-city")})}),document.querySelectorAll(".js-toggle--aside--additional").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.toggle("is-aside--open"),document.body.classList.remove("is-aside--open-city"),document.body.classList.add("is-aside--open-additional")})}),document.querySelectorAll(".js-form--input-file").forEach(e=>{e.addEventListener("change",()=>{const t=e.parentNode,o=e.value.split(/\\|\//).pop(),n=t.querySelector(".js-form--input-file-text");n&&o&&(n.innerHTML=o)})}),document.querySelectorAll(".js-toggle--services").forEach(e=>{e.addEventListener("click",()=>{e.parentNode.classList.toggle("c-services--is-open")})}),document.querySelectorAll(".js-toggle--sections").forEach(e=>{e.addEventListener("click",()=>{const t=e.parentNode;t.classList.contains("c-sections--is-open")||document.querySelectorAll(".c-sections--is-open").forEach(e=>{e.classList.remove("c-sections--is-open")}),t.classList.toggle("c-sections--is-open")})}),document.querySelectorAll(".js-expand-jobs-section").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),e.parentNode.classList.remove("c-jobs-section--is-closed"),e.remove()})});const i=()=>{const e=document.querySelector('[name="s"][value="1"]');if(e)return void e.click();const t=document.querySelector('[name="name"]');t&&t.focus()};document.querySelector(".js-inititate-position-form")&&document.querySelector(".js-inititate-position-form").addEventListener("click",i),document.querySelector(".js-focus-form")&&document.querySelector(".js-focus-form").addEventListener("click",()=>{const e=document.querySelector(".c-form input:first-of-type");e&&e.focus()}),document.querySelector(".js-modal--close")&&document.querySelector(".js-modal--close").addEventListener("click",()=>{const e=document.querySelector(".c-modal");e&&e.remove();const t=document.querySelector(".c-form [autofocus]");t&&t.focus()}),(e=>{const t=document.querySelector(".c-form [autofocus]");if(t&&t.focus(),location.hash){const e=document.querySelector(".c-form--input-wrap--error input")||document.querySelector(".c-form--checkbox--error");if(e)return void e.focus();const t=document.querySelector('.c-form [name="name"]');t&&t.focus()}})(window),window,document.querySelectorAll(".gtm-share-click").forEach(e=>{e.addEventListener("click",t=>{const o=e.dataset||{};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"shareClick",shareLabel:o.label||""})})}),document.querySelectorAll(".gtm-click").forEach(e=>{e.addEventListener("click",t=>{const o=e.dataset||{};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:o.event||"",label:o.label||""})})});document.querySelectorAll('[name="form-position"], [name="form-employees"], [name="form-employers"], [name="form-recommend"], [name="form-newsletter"]').forEach(e=>{e.addEventListener("submit",()=>{(e=>{e.querySelector('[type="submit"]')&&(e.querySelector('[type="submit"]').classList.add("c-btn--disabled"),e.querySelector('[type="submit"]').classList.add("c-btn--loading"))})(e)})}),document.querySelector("#submit-recommend")&&document.querySelector("#submit-recommend").addEventListener("click",e=>{e.preventDefault();const t=document.querySelector('[name="form-recommend"] [type="submit"]');t&&(e.currentTarget.classList.add("c-btn--disabled"),e.currentTarget.classList.add("c-btn--loading"),t.click())}),document.querySelector(".js-submit-employees-form")&&document.querySelector(".js-submit-employees-form").addEventListener("click",e=>{const t=document.querySelector('[name="form-employees"] [type="submit"]');t&&(e.preventDefault(),e.currentTarget.classList.add("c-btn--disabled"),e.currentTarget.classList.add("c-btn--loading"),t.click())}),document.querySelector(".js-accordion--header")&&async function(){const{default:e}=await o.e(0).then(o.bind(null,7));return e}().then(e=>{e()});(e=>{if(!e)return;const t=()=>{(async function(){const{default:e}=await o.e(2).then(o.bind(null,8));return e})().then(e=>{e()})};if(!window.IntersectionObserver)return void t();const n=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(t(),n.unobserve(e.target))})},{});n.observe(e)})(document.querySelector(".c-feedbacks--inner"));const l=()=>{const e=()=>{(async function(){const{default:e}=await o.e(1).then(o.bind(null,9));return e})().then(e=>{e()})};window.requestIdleCallback?window.requestIdleCallback(e):e()};(document.getElementById("search")||document.getElementById("form-city")||document.getElementById("recommend-form-city"))&&l(),(document.getElementById("js-map--divisions")||document.getElementById("js-map--cities")||document.getElementById("js-map--regions"))&&async function(){const{default:e}=await o.e(5).then(o.bind(null,10));return e}().then(e=>{e()}),(document.querySelector(".js-copy-to-clipboard")||document.querySelector(".js-share-messenger")||document.querySelector(".js-share-whatsapp")||document.querySelector(".js-biuro-facebook"))&&async function(){const{default:e}=await o.e(3).then(o.bind(null,11));return e}().then(e=>{e()}),async function(){const{default:e}=await o.e(6).then(o.bind(null,12));e()}(),document.querySelector(".js-collapse-row--toggle")&&document.querySelector(".js-collapse-row--toggle").addEventListener("click",e=>{e.currentTarget.parentNode.classList.toggle("c-form--row--collapsed")});const d=document.getElementById("g-recaptcha-response");d&&async function(e){if("IntersectionObserver"in window){const t=e.closest("form"),o=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(a(e),o.unobserve(t.target))})},{});o.observe(t)}else window.requestIdleCallback?window.requestIdleCallback(()=>{a(e)}):a(e)}(d),(e=>{const t=document.getElementById("search");t&&document.querySelectorAll(".js-search--focus").forEach(e=>{e.addEventListener("focus",()=>{window.innerWidth<960&&t.getBoundingClientRect().top>80&&window.scroll(0,142)})})})(window)}]);
\ No newline at end of file

wp-content/themes/biuro/js/main.js

@@ -340,6 +340,8 @@ if (document.querySelector('.js-copy-to-clipboard') || document.querySelector('.
     });
 }
 
+inititatePopup();
+
 if (document.querySelector('.js-collapse-row--toggle')) {
     document.querySelector('.js-collapse-row--toggle').addEventListener('click', (e) => {
         e.currentTarget.parentNode.classList.toggle('c-form--row--collapsed');
@@ -352,4 +354,18 @@ if (recaptcha) {
     inititateRecaptcha(recaptcha);
 }
 
-inititatePopup();
+(global => {
+    const form = document.getElementById('search');
+
+    if (!form) {
+        return;
+    }
+
+    document.querySelectorAll('.js-search--focus').forEach((node) => {
+        node.addEventListener('focus', () => {
+            if (window.innerWidth < 960 && form.getBoundingClientRect().top > 80) {
+                window.scroll(0, 142);
+            }
+        });
+    });
+})(window);

wp-content/themes/biuro/searchform.php

@@ -28,6 +28,8 @@ endif;
 
 $langs = pll_the_languages(array('raw'=>1));
 $langID = $langs[pll_current_language('slug')]['id'];
+
+$isFrontPage = is_front_page();
 ?>
 <form id="search" class="c-search" action="<?php echo home_url(); ?>" method="get">
 
@@ -44,7 +46,7 @@ $langID = $langs[pll_current_language('slug')]['id'];
             endforeach;
 ?>
         </datalist>
-        <input list="search-cities" id="search-city" data-id="<?php echo $langID; ?>" aria-label="<?php _e('Locations', 'biuro'); ?>" name="city" value="<?php echo (isset($searchQuery['city'])) ? trim(urldecode($searchQuery['city'])) : ''; ?>" placeholder="<?php _e('Locations', 'biuro'); ?>" class="c-search--input c-search--location" />
+        <input list="search-cities" id="search-city" data-id="<?php echo $langID; ?>" aria-label="<?php _e('Locations', 'biuro'); ?>" name="city" value="<?php echo (isset($searchQuery['city'])) ? trim(urldecode($searchQuery['city'])) : ''; ?>" placeholder="<?php _e('Locations', 'biuro'); ?>" class="c-search--input c-search--location <?php if ($isFrontPage): echo 'js-search--focus'; endif; ?>" />
         <span class="js-clear--search-city c-search--ico-clear <?php if (!isset($searchQuery['city'])): ?>u-hidden<?php endif; ?>">
             <svg width="10px" height="10px" viewBox="0 0 13 13">
                 <path fill="none" stroke="#B8BCC1" stroke-width="2" stroke-linecap="square" d="M6.5,6.5L0.843,0.843L6.5,6.5 l-5.657,5.657L6.5,6.5z M6.5,6.5l5.657,5.657L6.5,6.5l5.657-5.657L6.5,6.5z"/>
@@ -74,7 +76,7 @@ $langID = $langs[pll_current_language('slug')]['id'];
             endforeach;
 ?>
         </datalist>
-        <input list="search-queries" id="search-query" data-id="<?php echo $langID; ?>" aria-label="<?php _e('Keyword', 'biuro'); ?>" name="s" value="<?php echo (isset($searchQuery['s'])) ? trim(urldecode($searchQuery['s'])) : ''; ?>" placeholder="<?php _e('Keyword', 'biuro'); ?>" class="c-search--input c-search--keyword" />
+        <input list="search-queries" id="search-query" data-id="<?php echo $langID; ?>" aria-label="<?php _e('Keyword', 'biuro'); ?>" name="s" value="<?php echo (isset($searchQuery['s'])) ? trim(urldecode($searchQuery['s'])) : ''; ?>" placeholder="<?php _e('Keyword', 'biuro'); ?>" class="c-search--input c-search--keyword <?php if ($isFrontPage): echo 'js-search--focus'; endif; ?>" />
         <span class="js-clear--search-query c-search--ico-clear <?php if (!isset($searchQuery['s'])): ?>u-hidden<?php endif; ?>">
             <svg width="10px" height="10px" viewBox="0 0 13 13">
                 <path fill="none" stroke="#B8BCC1" stroke-width="2" stroke-linecap="square" d="M6.5,6.5L0.843,0.843L6.5,6.5 l-5.657,5.657L6.5,6.5z M6.5,6.5l5.657,5.657L6.5,6.5l5.657-5.657L6.5,6.5z"/>