release 1.6.3

wp-content/themes/biuro/css/07-components/__components.css

@@ -39,6 +39,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
 @import '_component--services.css';
 @import '_component--share.css';
 @import '_component--social.css';
+@import '_component--tooltip.css';
 @import '_component--trust.css';
 @import '_component--values.css';
 @import '_component--vdb.css';

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

@@ -8,7 +8,7 @@
 
 .c-share--options { display: flex; justify-content: center; flex-wrap: wrap; }
 
-.c-share--option { height: 36px; flex: 0 0 50px; border-radius: 3px; margin: 0 3px 10px; text-decoration: none; display: flex; align-items: center; justify-content: center; }
+.c-share--option { position: relative; height: 36px; flex: 0 0 50px; border-radius: 3px; margin: 0 3px 10px; text-decoration: none; display: flex; align-items: center; justify-content: center; }
 
 
 

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

+/* ------------- Component: tooltip ------------- */
+
+/* critical:start */
+
+.c-tooltip { pointer-events: none; opacity: 0;  }
+
+/* critical:end */
+
+.c-tooltip { position: absolute; top: 46px; right: 0;  max-width: 80vw; padding: 16px 10px 17px; border-radius: 3px; background-color: #fff; box-shadow: -2px 0 14px 0 rgba(217,214,214,0.5); white-space: nowrap; z-index: 10; transition: opacity 0.22s ease-in-out;
+    @media (--min--xx-small) {
+        left: 50%; transform: translate(-50%, 0); right: auto; padding: 16px 28px 17px; top: 50px;
+    }
+    &:before { content: ''; position: absolute; top: -6px; right: 20px; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent;
+        @media (--min--xx-small) {
+            right: auto; left: 50%; transform: translate(-50%, 0);
+        }
+    }
+}
+
+.c-tooltip {  }

wp-content/themes/biuro/footer.php

@@ -149,7 +149,7 @@
 <?php
     endif;
 ?>
-    <script src="/wp-content/themes/biuro/js/main-b94c035c.min.js" async></script>
+    <script src="/wp-content/themes/biuro/js/main-71235177.min.js" async></script>
 
 <?php
 // global $time_start;

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

@@ -31,15 +31,15 @@
     <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.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-regular.woff2" crossorigin="anonymous" >
 
-    <style><?php include 'css/core-e6364a7e00.min.css'; ?></style>
+    <style><?php include 'css/core-5e504054d9.min.css'; ?></style>
 
     <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-e78b7d02aa.min.css" as="style" onload="this.rel='stylesheet'">
+    <link rel="preload" href="/wp-content/themes/biuro/css/main-8c3b678c6d.min.css" as="style" onload="this.rel='stylesheet'">
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-e78b7d02aa.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-8c3b678c6d.min.css">
     </noscript>
 
     <?php wp_head(); ?>

wp-content/themes/biuro/header.php

@@ -31,15 +31,15 @@
     <link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.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-regular.woff2" crossorigin="anonymous" >
 
-    <style><?php include 'css/core-e6364a7e00.min.css'; ?></style>
+    <style><?php include 'css/core-5e504054d9.min.css'; ?></style>
 
     <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-e78b7d02aa.min.css" as="style" onload="this.rel='stylesheet'">
+    <link rel="preload" href="/wp-content/themes/biuro/css/main-8c3b678c6d.min.css" as="style" onload="this.rel='stylesheet'">
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-e78b7d02aa.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-8c3b678c6d.min.css">
     </noscript>
 
     <?php wp_head(); ?>

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

@@ -600,13 +600,26 @@ function fallbackCopyTextToClipboard (text) {
     document.body.removeChild(textArea);
 }
 
+function showCopyTooltip () {
+    const tooltip = document.querySelector('#copy-tooltip');
+
+    if (tooltip) {
+        tooltip.style.opacity = 1;
+
+        setTimeout(() => {
+            tooltip.style.opacity = 0;
+        }, 3000);
+    }
+}
 function copyTextToClipboard (text) {
+
     if (!navigator.clipboard) {
         fallbackCopyTextToClipboard(text);
+        showCopyTooltip();
         return;
     }
     navigator.clipboard.writeText(text).then(function() {
-
+        showCopyTooltip();
     }, function (err) {
         console.error('Async: Could not copy text: ', err);
     });
@@ -734,3 +747,12 @@ document.querySelectorAll('.js-accordion--header').forEach((header) => {
 document.querySelectorAll('.c-accordion--content').forEach((content) => {
     content.classList.add('c-accordion--content--is-collapsed');
 });
+
+const whatsapp = document.querySelector('.js-share-whatsapp');
+
+if (whatsapp) {
+    whatsapp.addEventListener('click', (e) => {
+        e.preventDefault();
+        window.open('https://wa.me/?text=' + encodeURIComponent(window.location.href), '_blank');
+    });
+}

wp-content/themes/biuro/template-parts/layout/aside-job.php

@@ -43,12 +43,12 @@
 <div class="c-share">
     <p class="c-share--heading"><?php _e('Suggest a friend', 'biuro'); ?></p>
     <div class="c-share--options">
-        <a target="_blank" href="https://www.facebook.com/dialog/feed?app_id=463001014486058&amp;display=popup&amp;link=<?php echo $requestURL; ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click c-share--option c-share--option-facebook" data-label="Facebook">
+        <a target="_blank" rel="noopener" href="https://www.facebook.com/dialog/feed?app_id=463001014486058&amp;display=popup&amp;link=<?php echo $requestURL; ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click c-share--option c-share--option-facebook" data-label="Facebook">
             <svg width="9px" height="18px" class="c-ico--share-facebook">
                 <use xlink:href="#ico--job-facebook"></use>
             </svg>
         </a>
-        <a target="_blank" href="https://www.facebook.com/dialog/send?app_id=463001014486058&amp;display=popup&amp;link=<?php echo $requestURL; ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click c-share--option c-share--option-messenger" data-label="Messenger">
+        <a target="_blank" rel="noopener" href="https://www.facebook.com/dialog/send?app_id=463001014486058&amp;link=<?php echo $requestURL; ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click c-share--option c-share--option-messenger" data-label="Messenger">
             <svg width="15px" height="15px" class="c-ico--share-messenger">
                 <use xlink:href="#ico--job-messenger"></use>
             </svg>
@@ -58,13 +58,15 @@
                 <use xlink:href="#ico--job-email"></use>
             </svg>
         </a>
-
         <a href="#" class="js-copy-to-clipboard gtm-share-click c-share--option c-share--option-copy" data-label="Copy">
             <svg width="15px" height="18px" class="c-ico--share-copy">
                 <use xlink:href="#ico--job-copy"></use>
             </svg>
+            <div id="copy-tooltip" class="c-tooltip">
+                Nuoroda nukopijuota į iškarpinę
+            </div>
         </a>
-        <a href="https://wa.me/?text=<?php echo urlencode($requestURL); ?>" class="gtm-share-click c-share--option c-share--option-phone" data-label="WhatsApp">
+        <a target="_blank" rel="noopener" href="https://wa.me/?text=<?php echo urlencode($requestURL); ?>" class="js-share-whatsapp gtm-share-click c-share--option c-share--option-phone" data-label="WhatsApp">
             <svg width="17px" height="18px" class="c-ico--share-whatsapp">
                 <use xlink:href="#ico--job-whatsapp"></use>
             </svg>