style(desktop): drop active background on titlebar actions
Mute/haptics state reads from the icon glyph (and aria-pressed) — no background highlight on any titlebar action.
This commit is contained in:
@@ -235,12 +235,10 @@ function ProfilesMenuButton({ navigate }: { navigate: ReturnType<typeof useNavig
|
|||||||
}
|
}
|
||||||
|
|
||||||
function TitlebarToolButton({ navigate, tool }: { navigate: ReturnType<typeof useNavigate>; tool: TitlebarTool }) {
|
function TitlebarToolButton({ navigate, tool }: { navigate: ReturnType<typeof useNavigate>; tool: TitlebarTool }) {
|
||||||
const className = cn(
|
// Titlebar actions never show an active background — state reads from the
|
||||||
titlebarButtonClass,
|
// icon itself (e.g. the mute/unmute glyph). aria-pressed still carries it
|
||||||
'bg-transparent select-none',
|
// for a11y.
|
||||||
tool.active && 'bg-(--ui-control-active-background)! text-foreground!',
|
const className = cn(titlebarButtonClass, 'bg-transparent select-none', tool.className)
|
||||||
tool.className
|
|
||||||
)
|
|
||||||
|
|
||||||
if (tool.href) {
|
if (tool.href) {
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user