New: Scale back cards to normal on click

dev: Rearranged code
This commit is contained in:
lscambo13
2025-01-04 10:31:06 -08:00
parent cfd2811bb5
commit cf3505af95

View File

@@ -105,7 +105,7 @@ html {
border-radius: var(--largeRadius); border-radius: var(--largeRadius);
border: var(--borderColor) solid calc(2 * var(--borderWidth)) !important; border: var(--borderColor) solid calc(2 * var(--borderWidth)) !important;
overflow: hidden !important; overflow: hidden !important;
transition: 125ms transform; transition: transform 125ms;
} }
.layout-mobile .cardScalable { .layout-mobile .cardScalable {
@@ -124,8 +124,22 @@ html {
transform: scale(1.025); transform: scale(1.025);
} }
.card.card-hoverable .itemSelectionPanel {
transition: transform .125s;
}
.card.card-hoverable:hover .cardScalable,
.card.card-hoverable:hover .itemSelectionPanel { .card.card-hoverable:hover .itemSelectionPanel {
transform: scale(1.025); transform: scale(1.02);
}
.card.card-hoverable .cardScalable:active {
transition: transform .075s;
transform: scale(1);
}
.cardScalable:has(.cardOverlayContainer .cardOverlayButton:hover)>.cardImageContainer {
transform: scale(1);
} }
.cardOverlayContainer { .cardOverlayContainer {
@@ -178,14 +192,6 @@ html {
backdrop-filter: blur(.25em); backdrop-filter: blur(.25em);
} }
.cardScalable:has(.cardOverlayContainer .cardOverlayButton:hover)>.cardImageContainer {
transform: scale(1);
}
.card.card-hoverable:hover .cardScalable {
transform: scale(1.02);
}
.listViewUserDataButtons { .listViewUserDataButtons {
flex-direction: column; flex-direction: column;
padding-inline-end: .75em; padding-inline-end: .75em;