diff --git a/script.js b/script.js index c2b4d66..06536e7 100644 --- a/script.js +++ b/script.js @@ -110,6 +110,14 @@ openPrivacyButtons.forEach((button) => { button.addEventListener("click", () => openPrivacyFlyover(button)); }); +document.addEventListener("click", (event) => { + const privacyButton = event.target.closest("[data-open-privacy]"); + if (!privacyButton) return; + + event.preventDefault(); + openPrivacyFlyover(privacyButton); +}); + closePrivacyButtons.forEach((button) => { button.addEventListener("click", closePrivacyFlyover); }); diff --git a/styles.css b/styles.css index 5ec1a32..580abc4 100644 --- a/styles.css +++ b/styles.css @@ -552,6 +552,8 @@ button { grid-area: privacy; justify-self: start; align-self: end; + position: relative; + z-index: 2; width: fit-content; padding: 0.45rem 0.85rem; border: 1px solid rgba(47, 58, 24, 0.2); @@ -563,6 +565,8 @@ button { letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; + pointer-events: auto; + touch-action: manipulation; transition: background 180ms ease, border-color 180ms ease,