From afea091a1df472832a45d399432b9ff8a8c240ce Mon Sep 17 00:00:00 2001 From: Aevann Date: Thu, 3 Aug 2023 11:23:08 +0300 Subject: [PATCH] hide links in spoilers but still prevent clicking them if u cant see them --- files/assets/css/main.css | 11 +++++++++++ files/assets/js/bottom.js | 13 +++++++++++++ 2 files changed, 24 insertions(+) diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 0fb26d590..b987ee7e5 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -5240,6 +5240,17 @@ span.green { .spoiler:hover img, spoiler:hover img { visibility: visible; } +.spoiler a, spoiler a { + visibility: hidden; +} +.spoiler:hover a[clicked], spoiler:hover a[clicked] { + visibility: visible; +} +@media (min-width: 768px) { + .spoiler:hover a, spoiler:hover a { + visibility: visible; + } +} @media (min-width: 768px) { .comment { diff --git a/files/assets/js/bottom.js b/files/assets/js/bottom.js index d7a753495..c2f708fe8 100644 --- a/files/assets/js/bottom.js +++ b/files/assets/js/bottom.js @@ -221,6 +221,19 @@ document.addEventListener("click", function (e) { i.removeAttribute("data-bs-dismiss") }); } + + if (screen_width < 768) { + if (element.tagName == 'SPOILER') { + for (const a of element.getElementsByTagName('a')) { + a.setAttribute('clicked', true) + } + } + else if (element.tagName != 'A') { + for (const a of document.querySelectorAll('a[clicked]')) { + a.removeAttribute('clicked') + } + } + } }); const inputs = document.querySelectorAll('input[type="number"]')