Fix: Radio sidebar close + topbar layout consistency

1. FAB button (favorites star) now hidden when any panel is open.
   Previously the FAB (z-index:20) covered the panel close button
   (z-index:15), making it impossible to close the station sidebar.

2. Added margin-left:auto to radio-topbar-right so theme dots
   always stay right-aligned. Previously they sat left when no
   station was playing (missing flex:1 now-playing spacer).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Daniel 2026-03-06 19:51:04 +01:00
parent b4f3c7db4d
commit 262cc9f213
2 changed files with 11 additions and 8 deletions

View file

@ -537,14 +537,16 @@ export default function RadioTab({ data }: { data: any }) {
)}
</div>
{/* ── Favorites toggle ── */}
<button
className={`radio-fab ${showFavorites ? 'active' : ''}`}
onClick={() => { setShowFavorites(!showFavorites); if (!showFavorites) setSelectedPlace(null); }}
title="Favoriten"
>
{'\u2B50'}{favorites.length > 0 && <span className="radio-fab-badge">{favorites.length}</span>}
</button>
{/* ── Favorites toggle (hidden when any panel is open) ── */}
{!selectedPlace && !showFavorites && (
<button
className="radio-fab"
onClick={() => { setShowFavorites(true); setSelectedPlace(null); }}
title="Favoriten"
>
{'\u2B50'}{favorites.length > 0 && <span className="radio-fab-badge">{favorites.length}</span>}
</button>
)}
{/* ── Side Panel: Favorites ── */}
{showFavorites && (