diff options
| author | OzoneGrif | 2020-02-10 15:05:22 +0100 |
|---|---|---|
| committer | GitHub | 2020-02-10 15:05:22 +0100 |
| commit | 8dbd9897aa436d3e7f9a4e01b8b49371a0bda928 (patch) | |
| tree | f2136f436add04bc6fb28bcb78a60b0cb68f1fd9 | |
| parent | e561958ba30d88cb5a3413f3076e12a05d41a006 (diff) | |
| parent | 48a50958f43b52652e8f50e4bfb2d760a1cbe603 (diff) | |
| download | ldgallery-8dbd9897aa436d3e7f9a4e01b8b49371a0bda928.tar.gz | |
Merge pull request #108 from pacien/fix-hover-stuck-after-touch
viewer: fix sticky hover styling on links
| -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 dda722b..ed69841 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss | |||
| @@ -63,6 +63,19 @@ | |||
| 63 | cursor: initial; | 63 | cursor: initial; |
| 64 | } | 64 | } |
| 65 | 65 | ||
| 66 | // Disable sticky hover styling on touch devices, | ||
| 67 | // on which the virtual cursor doesn't leave the element after being tapped. | ||
| 68 | // The fix can be applied to `a` elements by using the .link class. | ||
| 69 | @media (hover:none), (hover:on-demand) { | ||
| 70 | .link:hover { | ||
| 71 | color: $link !important; | ||
| 72 | } | ||
| 73 |  | ||
| 74 | .disabled:hover { | ||
| 75 | color: $disabled-color !important; | ||
| 76 | } | ||
| 77 | } | ||
| 78 | |||
| 66 | // === Scrollbar styling | 79 | // === Scrollbar styling |
| 67 | 80 | ||
| 68 | .scrollbar { | 81 | .scrollbar { |