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

Refactor

Browse source
This commit is contained in:
grandeljay 2022-12-01 16:50:07 +01:00
parent 05b022aa85
commit e5a97a550f
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/assets/css/wishlist.css
View file

@ -3,8 +3,10 @@
*/ */
.wishlist .ui.card { .wishlist .ui.card {
--padding: 0.91666667em; --padding: 0.91666667em;
--wishPreviewHeight: 192px; --wishPreviewHeight: max(var(--wishPreviewHeightHover), var(--wishPreviewHeightMobile));
--wishPreviewHeightMobile: 192px;
--wishPreviewHeightHover: calc(1em + 3 * var(--padding)); --wishPreviewHeightHover: calc(1em + 3 * var(--padding));
--wishPreviewHeightDifference: calc(var(--wishPreviewHeightMobile) - var(--wishPreviewHeightHover));
} }
.wishlist .ui.card:focus-within { .wishlist .ui.card:focus-within {
z-index: calc(var(--dimmerZIndex) + 2); z-index: calc(var(--dimmerZIndex) + 2);
@ -53,7 +55,7 @@
} }
@media (hover: hover) { @media (hover: hover) {
.wishlist:not(.one).column .ui.card > .image > :is(svg, img.preview) { .wishlist:not(.one).column .ui.card > .image > :is(svg, img.preview) {
height: max(var(--wishPreviewHeightHover), var(--wishPreviewHeight)); height: var(--wishPreviewHeight);
} }
} }
@ -247,7 +249,7 @@
} }
.wishlist:not(.one).column .ui.card > .content:not(.extra) { .wishlist:not(.one).column .ui.card > .content:not(.extra) {
--contentHeight: calc(var(--wishPreviewHeight) * 1.25); --contentHeight: calc(var(--wishPreviewHeightMobile) * 1.25);
height: var(--contentHeight); height: var(--contentHeight);