boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Cleaned up code and increased specificity

Browse Source
This commit is contained in:
lscambo13
2025-05-27 12:13:35 -07:00
parent 901c850959
commit e41d990830
1 changed files with 7 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
Theme/ElegantFin-theme-nightly.css
View File

@@ -264,36 +264,29 @@ html {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
} }
.cardOverlayContainer:after { .layout-desktop .card.card-hoverable .cardOverlayContainer:after {
content: ""; content: "";
transition: .5s; transition: .5s;
position: absolute; position: absolute;
inset: 0; inset: 0;
} transform: translateY(-50%) translateX(0);
.cardOverlayContainer:after {
/* transform: scaleY(.75); */
transform: translateY(-50%);
background: var(--hoverGradientV); background: var(--hoverGradientV);
} }
.layout-desktop .card.card-hoverable:hover .cardOverlayContainer:after { .layout-desktop .card.card-hoverable:hover .cardOverlayContainer:after {
/* transform: scaleY(2); */ transform: translateY(50%) translateX(0);
transform: translateY(50%);
opacity: 0; opacity: 0;
} }
.backdropCard .cardOverlayContainer:after, .layout-desktop .backdropCard.card-hoverable .cardOverlayContainer:after,
.overflowBackdropCard .cardOverlayContainer:after { .layout-desktop .overflowBackdropCard.card-hoverable .cardOverlayContainer:after {
/* transform: scaleX(1); */ transform: translateY(0) translateX(-50%);
transform: translateX(-50%);
background: var(--hoverGradientH); background: var(--hoverGradientH);
} }
.layout-desktop .backdropCard.card-hoverable:hover .cardOverlayContainer:after, .layout-desktop .backdropCard.card-hoverable:hover .cardOverlayContainer:after,
.layout-desktop .overflowBackdropCard.card-hoverable:hover .cardOverlayContainer:after { .layout-desktop .overflowBackdropCard.card-hoverable:hover .cardOverlayContainer:after {
/* transform: scaleX(2); */ transform: translateY(0) translateX(50%);
transform: translateX(50%);
opacity: 0; opacity: 0;
} }