ad3laid3/Themepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: remove transform, use arcane glow bloom on hover instead

Browse source
This commit is contained in:
MiTHRAL 2026-05-01 03:19:09 -04:00
parent 84607c2866
commit 82ce61ba16
1 changed files with 11 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
themepo-elegantfin.css
View file

@ -252,16 +252,15 @@ body:has(#itemDetailPage) html::after,
z-index: 1;
}
/* Hover: zoom toward viewer + arcane glow */
/* Hover: arcane glow + deepen shadow (no transform — scroll container clips it) */
.card-hoverable:hover .cardScalable {
transform: scale(1.05) !important;
border-color: rgba(56, 189, 248, 0.5) !important;
border-color: rgba(56, 189, 248, 0.6) !important;
box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.09) inset,
0 0 20px rgba(56, 189, 248, 0.2),
0 0 0 1px rgba(255, 255, 255, 0.1) inset,
0 0 12px 2px rgba(56, 189, 248, 0.25),
0 0 32px 4px rgba(56, 189, 248, 0.1),
0 8px 16px rgba(0, 0, 0, 0.5),
0 32px 64px rgba(0, 0, 0, 0.55),
0 48px 80px rgba(0, 0, 0, 0.3) !important;
0 32px 64px rgba(0, 0, 0, 0.55) !important;
}
/* Library cards (visualCardBox) */
@ -282,14 +281,13 @@ body:has(#itemDetailPage) html::after,
}
.card-hoverable:hover .visualCardBox {
transform: scale(1.05) !important;
border-color: rgba(56, 189, 248, 0.5) !important;
border-color: rgba(56, 189, 248, 0.6) !important;
box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.09) inset,
0 0 20px rgba(56, 189, 248, 0.2),
0 0 0 1px rgba(255, 255, 255, 0.1) inset,
0 0 12px 2px rgba(56, 189, 248, 0.25),
0 0 32px 4px rgba(56, 189, 248, 0.1),
0 8px 16px rgba(0, 0, 0, 0.5),
0 32px 64px rgba(0, 0, 0, 0.55),
0 48px 80px rgba(0, 0, 0, 0.3) !important;
0 32px 64px rgba(0, 0, 0, 0.55) !important;
}
/* Frutiger Aero glassmorphism drawer */