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

feat(settings): dim disabled toggle rows + rename Clear → Clear queue (#778)

Browse Source 
* feat(settings): dim disabled toggle rows + rename Clear → Clear queue

* Settings toggle rows (`.settings-toggle-row`, `.sidebar-customizer-row`) dim
  their non-toggle content to 0.6 opacity when the switch is off. Driven by a
  single `:has(.toggle-switch input:not(:checked):not(:disabled))` rule so it
  applies across every Settings tab without per-row markup. Mutex-disabled
  toggles (Crossfade/Gapless) are excluded to avoid stacking with the existing
  inline 0.45 dim on their row.
* Queue toolbar "Clear" button now reads "Clear queue" in all 9 locales for
  parity with "Shuffle queue" and to distinguish from playlist clear/delete.

Adopted from @kveld9's PR #558 — cherry-picked the spirit, rewrote the dim as
a single global selector instead of three inline-styled customizer rows, and
extended the rename to the Romanian locale that landed after #558 was opened.

Co-Authored-By: kveld9 <179108235+kveld9@users.noreply.github.com>

* docs(changelog,credits): credit @kveld9 for #778

Co-Authored-By: kveld9 <179108235+kveld9@users.noreply.github.com>

---------

Co-authored-by: kveld9 <179108235+kveld9@users.noreply.github.com>
This commit is contained in:
Frank Stellmacher
2026-05-18 15:21:45 +02:00
committed by GitHub
parent 9f10d8fafb
commit 562218f447
13 changed files with 31 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components/settings.css
+9
View File
@@ -520,3 +520,12 @@
color: var(--text-secondary);
}
/* Dim the non-toggle content of a settings row when its toggle is off.
* `:not(:disabled)` excludes mutex-disabled toggles (e.g. Crossfade/Gapless)
* whose row already carries an inline opacity — avoids dim-stacking. */
.settings-toggle-row:has(.toggle-switch input:not(:checked):not(:disabled)) > *:not(.toggle-switch),
.sidebar-customizer-row:has(.toggle-switch input:not(:checked):not(:disabled)) > *:not(.toggle-switch) {
opacity: 0.6;
transition: opacity 150ms ease;
}