therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

neater way to do hover thing with still image

Browse source
This commit is contained in:
Henry Jameson 2020-07-28 01:54:40 +03:00
parent 65b6e23c00
commit 7870b3f7ec
2 changed files with 41 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/status/status.scss
View file

@ -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 {