PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve support for reduced motion preference

Browse source
This commit is contained in:
grandeljay 2022-06-12 10:44:04 +02:00
parent 47876dbbbd
commit 319e9359b2
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/assets/css/default.css
View file

@ -194,12 +194,15 @@ figure {
} }
@media (hover: hover) { @media (hover: hover) {
.wishlist .ui.card > .image > span.provider { .wishlist .ui.card > .image > span.provider {
transition: opacity 0.2s linear;
position: absolute; position: absolute;
opacity: 0; opacity: 0;
} }
@media (prefers-reduced-motion: no-preference) {
.wishlist .ui.card > .image > span.provider {
transition: opacity 0.2s linear;
}
}
.wishlist .ui.card:hover > .image > span.provider { .wishlist .ui.card:hover > .image > span.provider {
display: block; display: block;
@ -257,8 +260,6 @@ figure {
/** Buttons */ /** Buttons */
.wishlist .ui.card > .extra.buttons { .wishlist .ui.card > .extra.buttons {
transition: 0.4s ease opacity;
display: flex; display: flex;
background-color: inherit; background-color: inherit;
@ -266,8 +267,6 @@ figure {
} }
@media (hover: hover) { @media (hover: hover) {
.wishlist .ui.card > .extra.buttons { .wishlist .ui.card > .extra.buttons {
transition: opacity 0.2s ease;
position: absolute; position: absolute;
top: unset; top: unset;
right: 0; right: 0;