Fix privacy button tap
This commit is contained in:
@@ -110,6 +110,14 @@ openPrivacyButtons.forEach((button) => {
|
|||||||
button.addEventListener("click", () => openPrivacyFlyover(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) => {
|
closePrivacyButtons.forEach((button) => {
|
||||||
button.addEventListener("click", closePrivacyFlyover);
|
button.addEventListener("click", closePrivacyFlyover);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -552,6 +552,8 @@ button {
|
|||||||
grid-area: privacy;
|
grid-area: privacy;
|
||||||
justify-self: start;
|
justify-self: start;
|
||||||
align-self: end;
|
align-self: end;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 0.45rem 0.85rem;
|
padding: 0.45rem 0.85rem;
|
||||||
border: 1px solid rgba(47, 58, 24, 0.2);
|
border: 1px solid rgba(47, 58, 24, 0.2);
|
||||||
@@ -563,6 +565,8 @@ button {
|
|||||||
letter-spacing: 0.04em;
|
letter-spacing: 0.04em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
pointer-events: auto;
|
||||||
|
touch-action: manipulation;
|
||||||
transition:
|
transition:
|
||||||
background 180ms ease,
|
background 180ms ease,
|
||||||
border-color 180ms ease,
|
border-color 180ms ease,
|
||||||
|
|||||||
Reference in New Issue
Block a user