This commit is contained in:
ポール ウェッブ 2019-04-02 13:37:33 -05:00
parent cc91d0ac57
commit acdc71b1f4
3 changed files with 22 additions and 9 deletions

View file

@ -3,7 +3,7 @@
<head prefix="og: http://ogp.me/ns#">
<meta name="google-site-verification" content="QEyIHPbSKR2Z9ZNkfVHGdGv5EE7tTM7FE0Wt8tmcH50"/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi"/>
<?php $title = Response::getMetaTitle() ?: Response::guessMetaTitle($content) ?>
<?php $title = $title ?

View file

@ -132,11 +132,24 @@ document.addEventListener("DOMContentLoaded", () => {
});
// Fix for touchscreen devices
const navigationLinks = document.querySelectorAll("drawer-title");
if ("ontouchstart" in window) {
const navigationLinks = document.querySelectorAll("drawer-title");
navigationLinks.forEach(navigationLink => {
navigationLink.ontouchstart = () => {
// $("drawer-navigation-helper").hide(); // rewrite this in vanilla JS
navigationLink.onhover.call(navigationLink);
};
});
navigationLinks.forEach(navigationLink => {
navigationLink.ontouchstart = () => {
hideNavigationHelpers();
navigationLink.onhover.call(navigationLink);
};
});
document.querySelector("body").addEventListener("touchstart", event => {
if (event.target !== document.querySelector("drawer-navigation"))
document.querySelector("drawer-wrap").hide();
});
function hideNavigationHelpers() {
document.querySelectorAll("drawer-navigation-helper").forEach(navigationHelper => {
navigationHelper.style.display = "none";
});
}
}

View file

@ -206,7 +206,7 @@ drawer-navigation-helper {
width: 30vw; height: 100%;
top: 3rem; left: -15vw;
background-color: bisque; // uncomment to view path
// background-color: bisque; // uncomment to view path
border: none; //
clip-path: ellipse(farthest-side closest-side at 50% 50%);
display: block;