aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss/global.scss
diff options
context:
space:
mode:
authorpacien2020-02-08 18:02:28 +0100
committerpacien2020-02-08 18:02:28 +0100
commit48a50958f43b52652e8f50e4bfb2d760a1cbe603 (patch)
tree6667149b7c93b6efae6e6fd0184b1bdceb9993ad /viewer/src/assets/scss/global.scss
parent32abf4e1f82dcb9738bbfc41a84bb38672e14603 (diff)
downloadldgallery-48a50958f43b52652e8f50e4bfb2d760a1cbe603.tar.gz
viewer: fix sticky hover styling on links
This disables sticky hover styling on touch devices, on which the virtual cursor doesn't leave the element after being tapped. The fix can be applied to elements by using the .link class. GitHub: closes #94
Diffstat (limited to 'viewer/src/assets/scss/global.scss')
-rw-r--r--viewer/src/assets/scss/global.scss13
1 files changed, 13 insertions, 0 deletions
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 4acaf13..d6b6562 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -62,6 +62,19 @@
62 color: $disabled-color !important; 62 color: $disabled-color !important;
63} 63}
64 64
65// Disable sticky hover styling on touch devices,
66// on which the virtual cursor doesn't leave the element after being tapped.
67// The fix can be applied to `a` elements by using the .link class.
68@media (hover:none), (hover:on-demand) {
69 .link:hover {
70 color: $link !important;
71 }
72
73 .disabled:hover {
74 color: $disabled-color !important;
75 }
76}
77
65// === Scrollbar styling 78// === Scrollbar styling
66 79
67.scrollbar { 80.scrollbar {