Commit 0518b575 authored by Simon's avatar Simon

release 1.6.3

parent 07c32191
......@@ -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';
......
......@@ -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; }
......
/* ------------- 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 { }
......@@ -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;
......
......@@ -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(); ?>
......
......@@ -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(); ?>
......
......@@ -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');
});
}
......@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment