diff options
| author | Henry Jameson <me@hjkos.com> | 2020-07-28 01:54:40 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-07-28 01:54:40 +0300 |
| commit | 7870b3f7ec4ee2f7e900f62204f00f18c6bbdb6e (patch) | |
| tree | 4984e95244ab3f241fc56b12e979de76e8eb8bb9 /src/components/status | |
| parent | 65b6e23c00f09f3627e29987302cd16c9e069da2 (diff) | |
neater way to do hover thing with still image
Diffstat (limited to 'src/components/status')
| -rw-r--r-- | src/components/status/status.scss | 13 |
1 files changed, 3 insertions, 10 deletions
diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 85e433c4..8797211e 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -10,16 +10,9 @@ $status-margin: 0.75em; border-left: 4px $fallback--cRed; border-left: 4px var(--cRed, $fallback--cRed); - // TODO find a way to do this in a cleaner way without JS - // stylelint-disable rscss/class-format - &:hover .avatar.animated { - canvas { - display: none; - } - - img { - visibility: visible; - } + &:hover .avatar { + --still-image-img: visible; + --still-image-canvas: hidden; } &.-focused { |