diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-29 21:39:36 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-29 22:54:28 +0200 |
| commit | 0653f189946ddbd65a2455e6929927c3d721ec82 (patch) | |
| tree | 5a40d3b7cd3428ace9b8a32b8e504a17d26e5d0f /src/components/still-image | |
| parent | 4e1f2aeabc2fa985ae0196744885ca62e717ec0a (diff) | |
fix play-on-hover gifs issues
Diffstat (limited to 'src/components/still-image')
| -rw-r--r-- | src/components/still-image/still-image.vue | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue index ad82210d..d3eb5925 100644 --- a/src/components/still-image/still-image.vue +++ b/src/components/still-image/still-image.vue @@ -42,7 +42,7 @@ width: 100%; height: 100%; object-fit: contain; - visibility: var(--still-image-canvas, visible); + visibility: var(--_still-image-canvas-visibility, visible); } img { @@ -66,16 +66,19 @@ border-radius: $fallback--tooltipRadius; border-radius: var(--tooltipRadius, $fallback--tooltipRadius); z-index: 2; - visibility: var(--still-image-label-visibility, visible); + visibility: var(--_still-image-label-visibility, visible); } &:hover canvas { display: none; } - &:hover::before, + &:hover::before { + visibility: var(--_still-image-label-visibility, hidden); + } + img { - visibility: var(--still-image-img, hidden); + visibility: var(--_still-image-img-visibility, hidden); } &:hover img { |