fix(marketplace/site): keep the empty focus bar hidden (class display vs [hidden])

.focusbar's display:flex was overriding the hidden attribute, leaving a thin
empty bar under the status strip when no app was focused.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-07-04 22:27:57 +01:00
parent ace415d654
commit 3be0e340ea

View File

@ -158,6 +158,7 @@
display: flex; align-items: center; gap: 12px; margin: 16px 22px 0; padding: 10px 16px;
background: rgba(99,102,241,0.14); border: 1px solid rgba(99,102,241,0.4); border-radius: 12px; font-size: 0.9rem;
}
.focusbar[hidden] { display: none; } /* class display: mustn't defeat the hidden attr */
.focusbar button { background: transparent; border: 1px solid var(--border-color); color: var(--text-primary); padding: 5px 12px; border-radius: 8px; cursor: pointer; font-size: 0.85rem; }
.focusbar button:hover { background: rgba(var(--text-rgb),0.08); }
.empty, .footnote { color: var(--text-muted); }