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

fix(ui): consolidate Orbit / Server / Live header dropdowns (#725)

Browse Source 
* fix(ui): consolidate Orbit / Server / Live header dropdowns

The three header dropdown popovers each had their own container style.
Live used a glass utility class with backdrop-filter that read poorly on
many themes (reported by cucadmuh). Move all three onto the shared
`.nav-library-dropdown-panel` container — same bg, border, shadow and
radius via existing semantic tokens (`--bg-card`, `--border-dropdown`,
`--shadow-dropdown`, `--radius-md`). Item styles per dropdown stay
case-specific.

- NowPlayingDropdown: replace `glass animate-fade-in` with
  `nav-library-dropdown-panel animate-fade-in`; drop now-redundant inline
  borderRadius / boxShadow / zIndex; keep padding + gap for the
  user-list breathing room.
- OrbitStartTrigger: add `nav-library-dropdown-panel` alongside
  `orbit-launch-pop`. The component-local class is now reduced to the
  menu-specific min-width + tighter item gap; bg / border / shadow /
  radius / padding inherit from the shared container.
- Drop the unused `.glass` utility class; no other call sites.

* docs(changelog): header dropdown consistency fix (#725)
This commit is contained in:
Frank Stellmacher
2026-05-15 19:54:42 +02:00
committed by GitHub
parent ccf4d5d8cb
commit c16134dab5
5 changed files with 13 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components/orbit-session-top-strip.css
+4 -8
View File
@@ -432,16 +432,12 @@
display: none !important;
}
/* Launch popover — three-option menu anchored below the topbar trigger. */
/* Launch popover — three-option menu anchored below the topbar trigger.
Container (bg / border / shadow / radius / padding) comes from the shared
`.nav-library-dropdown-panel` class; this rule only adds the menu-specific
min-width and tighter item gap. */
.orbit-launch-pop {
min-width: 220px;
padding: 6px;
background: var(--ctp-base, #1e1e2e);
border: 1px solid color-mix(in srgb, var(--accent) 22%, rgba(255,255,255,0.1));
border-radius: var(--radius-md);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
display: flex;
flex-direction: column;
gap: 2px;
}
.orbit-launch-pop__item {