itlxrd/Psychotoxical-psysonic
1
0
Fork 0
mirror of https://github.com/Psychotoxical/psysonic.git synced 2026-07-22 07:15:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Perf/UI performance (#473)

Browse Source 
* perf(ui): defer off-screen Artist grid paint + rAF overlay scrollbar

Apply content-visibility to artist tiles in .album-grid-wrap (aligned with
album cards). Coalesce OverlayScrollArea thumb updates to one requestAnimationFrame per scroll burst.

* perf(css): content-visibility on horizontal artist rails

Apply the same off-screen deferral as album cards to `.album-grid .artist-card`
(ArtistRow, Favorites, etc.).
This commit is contained in:
cucadmuh
2026-05-06 10:45:13 +03:00
committed by GitHub
parent de3c0d9da1
commit 5abe18d5b8
2 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+11
View File
@@ -401,6 +401,12 @@
contain-intrinsic-size: 0 220px;
}
/* Same wrap as Albums grid; defer layout/paint for off-screen artist tiles (helps scroll on WebKit/Linux). */
.album-grid-wrap > .artist-card {
content-visibility: auto;
contain-intrinsic-size: 0 220px;
}
@media (min-width: 1024px) {
.album-grid-wrap {
@@ -420,6 +426,11 @@
contain-intrinsic-size: 0 240px;
}
.album-grid .artist-card {
content-visibility: auto;
contain-intrinsic-size: 0 240px;
}
.album-card-more {
flex: 0 0 clamp(140px, 15vw, 180px);
display: flex;