misty.cafe/minty
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: restore header icon button fill behavior

Browse source 
Fixes regression from b074d421b66eb4d8b600dfa55b967e6c4f783044.
This commit is contained in:
hazre 2026-02-11 18:03:41 +01:00
parent 7ceba0301e
commit 4f498af458
No known key found for this signature in database
2 changed files with 27 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/app/features/lobby/LobbyHeader.tsx
View file

@ -165,7 +165,7 @@ export function LobbyHeader({ showProfile, powerLevels }: LobbyHeaderProps) {
<Box shrink="No">
<BackRouteHandler>
{(onBack) => (
<IconButton onClick={onBack}>
<IconButton fill="None" onClick={onBack}>
<Icon src={Icons.ArrowLeft} />
</IconButton>
)}
@ -218,7 +218,11 @@ export function LobbyHeader({ showProfile, powerLevels }: LobbyHeaderProps) {
}
>
{(triggerRef) => (
<IconButton ref={triggerRef} onClick={() => setPeopleDrawer((drawer) => !drawer)}>
<IconButton
fill="None"
ref={triggerRef}
onClick={() => setPeopleDrawer((drawer) => !drawer)}
>
<Icon size="400" src={Icons.User} />
</IconButton>
)}
@ -235,7 +239,12 @@ export function LobbyHeader({ showProfile, powerLevels }: LobbyHeaderProps) {
}
>
{(triggerRef) => (
<IconButton onClick={handleOpenMenu} ref={triggerRef} aria-pressed={!!menuAnchor}>
<IconButton
fill="None"
onClick={handleOpenMenu}
ref={triggerRef}
aria-pressed={!!menuAnchor}
>
<Icon size="400" src={Icons.VerticalDots} filled={!!menuAnchor} />
</IconButton>
)}

20
src/app/features/room/RoomViewHeader.tsx
View file

@ -302,7 +302,7 @@ export function RoomViewHeader() {
<BackRouteHandler>
{(onBack) => (
<Box shrink="No" alignItems="Center">
<IconButton onClick={onBack}>
<IconButton fill="None" onClick={onBack}>
<Icon src={Icons.ArrowLeft} />
</IconButton>
</Box>
@ -382,7 +382,7 @@ export function RoomViewHeader() {
}
>
{(triggerRef) => (
<IconButton ref={triggerRef} onClick={handleSearchClick}>
<IconButton fill="None" ref={triggerRef} onClick={handleSearchClick}>
<Icon size="400" src={Icons.Search} />
</IconButton>
)}
@ -400,6 +400,7 @@ export function RoomViewHeader() {
>
{(triggerRef) => (
<IconButton
fill="None"
style={{ position: 'relative' }}
onClick={handleOpenPinMenu}
ref={triggerRef}
@ -460,7 +461,11 @@ export function RoomViewHeader() {
}
>
{(triggerRef) => (
<IconButton ref={triggerRef} onClick={() => setPeopleDrawer((drawer) => !drawer)}>
<IconButton
fill="None"
ref={triggerRef}
onClick={() => setPeopleDrawer((drawer) => !drawer)}
>
<Icon size="400" src={Icons.User} />
</IconButton>
)}
@ -478,7 +483,7 @@ export function RoomViewHeader() {
}
>
{(triggerRef) => (
<IconButton ref={triggerRef} onClick={toggleChat}>
<IconButton fill="None" ref={triggerRef} onClick={toggleChat}>
<Icon size="400" src={Icons.Message} filled={isChatOpen} />
</IconButton>
)}
@ -496,7 +501,12 @@ export function RoomViewHeader() {
}
>
{(triggerRef) => (
<IconButton onClick={handleOpenMenu} ref={triggerRef} aria-pressed={!!menuAnchor}>
<IconButton
fill="None"
onClick={handleOpenMenu}
ref={triggerRef}
aria-pressed={!!menuAnchor}
>
<Icon size="400" src={Icons.VerticalDots} filled={!!menuAnchor} />
</IconButton>
)}