diff options
| author | pacien | 2020-02-08 18:02:28 +0100 |
|---|---|---|
| committer | pacien | 2020-02-08 18:02:28 +0100 |
| commit | 48a50958f43b52652e8f50e4bfb2d760a1cbe603 (patch) | |
| tree | 6667149b7c93b6efae6e6fd0184b1bdceb9993ad | |
| parent | 32abf4e1f82dcb9738bbfc41a84bb38672e14603 (diff) | |
| download | ldgallery-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
| -rw-r--r-- | viewer/src/assets/scss/global.scss | 13 |
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 { |