commit 9d3a858cb2cff9352ae194c40b277f1f05d2da50
parent 197907a3b30c4eb66168c0fef3da5116995e75bb
Author: Hunter
Date: Wed, 16 Jul 2025 18:33:12 -0400
disable fullscreen toggle hover effect on tap on mobile
Diffstat:
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
@@ -256,18 +256,20 @@
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
- .iframe-fullscreen-toggle:hover {
- background: rgba(0, 0, 0, 0.35);
- }
-
.iframe-fullscreen-toggle img {
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
opacity: 0.8;
transition: opacity 0.2s;
}
- .iframe-fullscreen-toggle:hover img {
- opacity: 1;
+ @media (hover: hover) and (pointer: fine) {
+ .iframe-fullscreen-toggle:hover {
+ background: rgba(0, 0, 0, 0.35);
+ }
+
+ .iframe-fullscreen-toggle:hover img {
+ opacity: 1;
+ }
}
`;
if (doc.head) {