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) {
.ui.card > .extra.buttons {
transition: opacity 0.2s ease;
position: absolute;
top: unset;
right: 0;
bottom: 0;
bottom: calc(var(--buttonsHeight) / 2);
left: 0;
height: auto;
opacity: 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 {
opacity: 1;
bottom: 0;
}
}