diff --git a/dev.sh b/dev.sh index 474dfc5c..8c135d37 100755 --- a/dev.sh +++ b/dev.sh @@ -19,4 +19,4 @@ $DIR/hooks/install.sh $PHPBIN composer.phar install git submodule update --init -$PHPBIN --server localhost:8000 --docroot "$DIR/web" "$DIR/web/index.php" +$PHPBIN --server 0.0.0.0:8000 --docroot "$DIR/web" "$DIR/web/index.php" diff --git a/web/js/global.js b/web/js/global.js index 1e27b1ce..4c16f50c 100644 --- a/web/js/global.js +++ b/web/js/global.js @@ -130,3 +130,13 @@ document.addEventListener("DOMContentLoaded", () => { break; } }); + +// Fix for touchscreen devices +const navigationLinks = document.querySelectorAll("drawer-title"); + +navigationLinks.forEach(navigationLink => { + navigationLink.ontouchstart = () => { + // $("drawer-navigation-helper").hide(); // rewrite this in vanilla JS + navigationLink.onhover.call(navigationLink); + }; +}); diff --git a/web/scss/components/_header.scss b/web/scss/components/_header.scss index 7e87cef6..40bd8a05 100644 --- a/web/scss/components/_header.scss +++ b/web/scss/components/_header.scss @@ -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;