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

Merge pull request #215 from kilyabin/am-lyrics-improvements

Browse Source 
fix(lyrics): sidebar lyrics strings with YouLy+ source shows in one line
This commit is contained in:
Frank Stellmacher
2026-04-19 19:37:57 +02:00
committed by GitHub
parent 2aa88d26d4 22fe0fff74
commit 6e34dc8160
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+9 -2
View File
@@ -2645,6 +2645,7 @@
.lyrics-pane { .lyrics-pane {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden;
/* scroll-behavior intentionally left to auto — JS drives smooth scroll imperatively */ /* scroll-behavior intentionally left to auto — JS drives smooth scroll imperatively */
padding: 16px 16px 8px; padding: 16px 16px 8px;
scrollbar-width: thin; scrollbar-width: thin;
@@ -2680,6 +2681,9 @@
border-radius: 6px; border-radius: 6px;
line-height: 1.55; line-height: 1.55;
cursor: default; cursor: default;
word-break: break-word;
overflow-wrap: break-word;
min-width: 0;
transform-origin: center center; transform-origin: center center;
/* All transitions are compositor-friendly */ /* All transitions are compositor-friendly */
transition: transition:
@@ -2726,7 +2730,7 @@
display: inline; display: inline;
transition: color 160ms ease, text-shadow 160ms ease; transition: color 160ms ease, text-shadow 160ms ease;
color: inherit; color: inherit;
white-space: pre; white-space: pre-wrap;
} }
.lyrics-word.played { .lyrics-word.played {
color: var(--text-secondary); color: var(--text-secondary);
@@ -3529,6 +3533,7 @@
overflow-x: hidden; overflow-x: hidden;
scrollbar-width: none; scrollbar-width: none;
padding: 0 clamp(28px, 5vw, 72px); padding: 0 clamp(28px, 5vw, 72px);
overscroll-behavior-x: none;
/* pointer-events on children only — container itself scrollable */ /* pointer-events on children only — container itself scrollable */
pointer-events: auto; pointer-events: auto;
} }
@@ -3562,6 +3567,8 @@
user-select: none; user-select: none;
word-break: break-word; word-break: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
min-width: 0;
max-width: 100%;
transform-origin: left center; transform-origin: left center;
/* All visual changes are compositor-friendly (color, text-shadow, transform) */ /* All visual changes are compositor-friendly (color, text-shadow, transform) */
transition: transition:
@@ -3603,7 +3610,7 @@
.fsa-lyric-word { .fsa-lyric-word {
display: inline; display: inline;
white-space: pre; /* preserve trailing spaces from lyricsplus tokens */ white-space: pre-wrap; /* preserves trailing spaces from lyricsplus tokens, allows wrapping */
transition: color 160ms ease, text-shadow 160ms ease; transition: color 160ms ease, text-shadow 160ms ease;
} }