In progress

wp-content/themes/biuro/css/07-components/_component--popup.css

@@ -68,12 +68,21 @@
 
 .c-popup--inner-employer {
     background-color: #d3ebdd;
-    background-position: 315px 100%;
-    width: 668px;
-    height: 340px;
+    background-position: 76px 100%;
+    background-size: 123px;
     color: #043d7d;
     align-items: flex-start;
-    padding: 50px 40px 20px;
+    width: 276px;
+    height: 434px;
+    padding: 60px 40px 20px 20px;
+
+    @media (--min--x-small) {
+        width: 668px;
+        height: 340px;
+        padding: 50px 40px 20px;
+        background-position: 315px 100%;
+        background-size: 218px;
+    }
 }
 
 .no-js,
@@ -186,27 +195,38 @@
 }
 
 .c-popup--headline-employer {
-    margin: 0 0 26px;
+    margin: 0 0 20px;
     font-weight: bold;
-    font-size: 26px;
-    line-height: 34px;
-    max-width: 270px;
+    font-size: 24px;
+    line-height: 32px;
+
+    @media (--min--x-small) {
+        max-width: 270px;
+        margin: 0 0 26px;
+        font-size: 26px;
+        line-height: 34px;
+    }
 }
 
 .c-popup--description-employer {
-    margin: 0 0 60px;
+    margin: 0 0 20px;
     font-weight: normal;
-    font-size: 14px;
+    font-size: 13px;
     line-height: 20px;
-    max-width: 270px;
+
+    @media (--min--x-small) {
+        max-width: 270px;
+        margin: 0 0 60px;
+        font-size: 14px;
+    }
 }
 
 .c-popup--button-employer {
     display: flex;
     padding: 12px 24px 10px;
     font-weight: bold;
-    font-size: 18px;
-    line-height: 21px;
+    font-size: 14px;
+    line-height: 16px;
     text-align: center;
     background: #7ac943;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
@@ -214,10 +234,19 @@
     color: #fff;
     text-decoration: none;
     text-transform: uppercase;
+
+    @media (--min--x-small) {
+        font-size: 18px;
+        line-height: 21px;
+    }
 }
 
 .c-popup--workis {
     position: absolute;
     right: 30px;
     bottom: 30px;
+
+    @media (--max--x-small) {
+        display: none;
+    }
 }

wp-content/themes/biuro/footer.php

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

wp-content/themes/biuro/header-langing.php

@@ -36,13 +36,13 @@
     <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
     <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
 
-    <link rel="preload" href="/wp-content/themes/biuro/css/main-91b3f6d111.min.css" as="style" onload="this.rel='stylesheet'">
+    <link rel="preload" href="/wp-content/themes/biuro/css/main-7e0a5b6b86.min.css" as="style" onload="this.rel='stylesheet'">
 
     <link rel="preconnect" href="https://www.gstatic.com">
     <link rel="preconnect" href="https://fonts.gstatic.com">
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-91b3f6d111.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-7e0a5b6b86.min.css">
     </noscript>
 
     <?php wp_head(); ?>

wp-content/themes/biuro/header.php

@@ -4,7 +4,17 @@
     <meta charset="<?php bloginfo( 'charset' ); ?>">
     <meta content="IE=edge" http-equiv="X-UA-Compatible" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<?php
+    if (is_search()):
+?>
+    <title><?php wp_title(''); ?> | Biuro</title>
+<?php
+    else:
+?>
     <title><?php wp_title(''); ?> | Biuro</title>
+<?php
+    endif;
+?>
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@@ -36,13 +46,13 @@
     <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
     <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
 
-    <link rel="preload" href="/wp-content/themes/biuro/css/main-91b3f6d111.min.css" as="style" onload="this.rel='stylesheet'">
+    <link rel="preload" href="/wp-content/themes/biuro/css/main-7e0a5b6b86.min.css" as="style" onload="this.rel='stylesheet'">
 
     <link rel="preconnect" href="https://www.gstatic.com">
     <link rel="preconnect" href="https://fonts.gstatic.com">
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-91b3f6d111.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-7e0a5b6b86.min.css">
     </noscript>
 
 <?php

wp-content/themes/biuro/js/components/popup-0b575b0f.min.js

-(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{12:function(e,o,t){"use strict";t.r(o);const p=(e,o,t)=>{const p={value:o,expiry:(new Date).getTime()+t};localStorage.setItem(e,JSON.stringify(p))},n=e=>{const o=localStorage.getItem(e);if(!o)return null;const t=JSON.parse(o);return(new Date).getTime()>t.expiry?(localStorage.removeItem(e),null):t.value},l=()=>{const e=document.getElementById("employer-popup");e&&!n("employer-popup")&&(console.error("form is focused: "+document.hasFocus()),p("employer-popup","expires",12096e5),window.dataLayer=window.dataLayer||[],e.style.display="block",window.dataLayer.push({event:"b2b_popup_show"}),e.querySelector(".js-popup--btn")&&e.querySelector(".js-popup--btn").addEventListener("click",e=>{window.dataLayer.push({event:"b2b_popup_navigate",label:"Recommend page"})}),e.querySelector(".js-popup--close")&&e.querySelector(".js-popup--close").addEventListener("click",o=>{o.preventDefault(),e.style.display="none"}))},a=e=>{const o=document.getElementById("employee-popup");o&&!n("employee-popup")&&e.clientY<50&&null==e.relatedTarget&&"select"!==e.target.nodeName.toLowerCase()&&(document.removeEventListener("mouseout",a),p("employee-popup","expires",12096e5),window.dataLayer=window.dataLayer||[],o.style.display="block",window.dataLayer.push({event:"b2c_popup_show"}),o.querySelector(".js-popup--btn")&&o.querySelector(".js-popup--btn").addEventListener("click",e=>{window.dataLayer.push({event:"b2c_popup_navigate",label:"Recommend page"})}),o.querySelector(".js-popup--close")&&o.querySelector(".js-popup--close").addEventListener("click",e=>{e.preventDefault(),o.style.display="none"}))};o.default=()=>{document.getElementById("employee-popup")&&!n("employee-popup")&&setTimeout(()=>{document.addEventListener("mouseout",a)},3e3),document.getElementById("employer-popup")&&!n("employer-popup")&&setTimeout(l,45e3)}}}]);
\ No newline at end of file

wp-content/themes/biuro/js/components/popup-c65d3264.min.js

+(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{12:function(e,p,t){"use strict";t.r(p);const o=(e,p,t)=>{const o={value:p,expiry:(new Date).getTime()+t};localStorage.setItem(e,JSON.stringify(o))},n=e=>{const p=localStorage.getItem(e);if(!p)return null;const t=JSON.parse(p);return(new Date).getTime()>t.expiry?(localStorage.removeItem(e),null):t.value},l=()=>{const e=document.getElementById("employer-popup");e&&!n("employer-popup")&&(o("employer-popup","expires",12096e5),window.dataLayer=window.dataLayer||[],e.style.display="block",window.dataLayer.push({event:"b2b_popup_show"}),e.querySelector(".js-popup--btn")&&e.querySelector(".js-popup--btn").addEventListener("click",e=>{window.dataLayer.push({event:"b2b_popup_navigate",label:"Recommend page"})}),e.querySelector(".js-popup--close")&&e.querySelector(".js-popup--close").addEventListener("click",p=>{p.preventDefault(),e.style.display="none"}))},a=e=>{const p=document.getElementById("employee-popup");p&&!n("employee-popup")&&e.clientY<50&&null==e.relatedTarget&&"select"!==e.target.nodeName.toLowerCase()&&(document.removeEventListener("mouseout",a),o("employee-popup","expires",12096e5),window.dataLayer=window.dataLayer||[],p.style.display="block",window.dataLayer.push({event:"b2c_popup_show"}),p.querySelector(".js-popup--btn")&&p.querySelector(".js-popup--btn").addEventListener("click",e=>{window.dataLayer.push({event:"b2c_popup_navigate",label:"Recommend page"})}),p.querySelector(".js-popup--close")&&p.querySelector(".js-popup--close").addEventListener("click",e=>{e.preventDefault(),p.style.display="none"}))};p.default=()=>{document.getElementById("employee-popup")&&!n("employee-popup")&&setTimeout(()=>{document.addEventListener("mouseout",a)},3e3),document.getElementById("employer-popup")&&!n("employer-popup")&&setTimeout(l,45e3)}}}]);
\ No newline at end of file

wp-content/themes/biuro/js/components/popup/popup.js

@@ -45,8 +45,6 @@ const showEmployerPopup = () => {
         return;
     }
 
-    console.error('form is focused: ' + document.hasFocus());
-
     setExpirableItem('employer-popup', 'expires', EMPLOYER_EXPIRY);
 
     window.dataLayer = window.dataLayer || [];