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

Improve card design

Browse source
This commit is contained in:
Jay Trees 2022-04-11 10:47:45 +02:00
parent 2bc27a847f
commit e6f73660f1
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -184,19 +184,29 @@ img {
} }
@media (hover: hover) { @media (hover: hover) {
.ui.card > .extra.buttons { .ui.card > .extra.buttons {
transition: opacity 0.2s ease;
position: absolute; position: absolute;
top: unset; top: unset;
right: 0; right: 0;
bottom: 0; bottom: calc(var(--buttonsHeight) / 2);
left: 0; left: 0;
height: auto; height: auto;
opacity: 0; opacity: 0;
margin-bottom: 0; margin-bottom: 0;
} }
@media (prefers-reduced-motion: no-preference) {
.ui.card > .extra.buttons {
transition: opacity 0.2s ease,
bottom 0.2s ease;
}
}
.ui.card:hover > .extra.buttons { .ui.card:hover > .extra.buttons {
opacity: 1; opacity: 1;
bottom: 0;
} }
} }