marketing-shibata50/multica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(web): unify header button text color across Issues and My Issues

Browse source 
Right-side icon buttons (filter, display, view) were using default foreground
color while left-side scope buttons used text-muted-foreground, causing visual
inconsistency.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Naiyuan Qing 2026-04-01 19:05:33 +08:00
parent 9bcc35bf61
commit d602873a5c
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/web/features/issues/components/issues-header.tsx
View file

@ -337,7 +337,7 @@ export function IssuesHeader({ scopedIssues }: { scopedIssues: Issue[] }) {
render={
<TooltipTrigger
render={
<Button variant="outline" size="icon-sm" className="relative">
<Button variant="outline" size="icon-sm" className="relative text-muted-foreground">
<Filter className="size-4" />
{hasActiveFilters && (
<span className="absolute top-0 right-0 size-1.5 rounded-full bg-brand" />
@ -485,7 +485,7 @@ export function IssuesHeader({ scopedIssues }: { scopedIssues: Issue[] }) {
render={
<TooltipTrigger
render={
<Button variant="outline" size="icon-sm">
<Button variant="outline" size="icon-sm" className="text-muted-foreground">
<SlidersHorizontal className="size-4" />
</Button>
}
@ -571,7 +571,7 @@ export function IssuesHeader({ scopedIssues }: { scopedIssues: Issue[] }) {
render={
<TooltipTrigger
render={
<Button variant="outline" size="icon-sm">
<Button variant="outline" size="icon-sm" className="text-muted-foreground">
{viewMode === "board" ? (
<Columns3 className="size-4" />
) : (

6
apps/web/features/my-issues/components/my-issues-header.tsx
View file

@ -164,7 +164,7 @@ export function MyIssuesHeader({ allIssues }: { allIssues: Issue[] }) {
render={
<TooltipTrigger
render={
<Button variant="outline" size="icon-sm" className="relative">
<Button variant="outline" size="icon-sm" className="relative text-muted-foreground">
<Filter className="size-4" />
{hasActiveFilters && (
<span className="absolute top-0 right-0 size-1.5 rounded-full bg-brand" />
@ -268,7 +268,7 @@ export function MyIssuesHeader({ allIssues }: { allIssues: Issue[] }) {
render={
<TooltipTrigger
render={
<Button variant="outline" size="icon-sm">
<Button variant="outline" size="icon-sm" className="text-muted-foreground">
<SlidersHorizontal className="size-4" />
</Button>
}
@ -356,7 +356,7 @@ export function MyIssuesHeader({ allIssues }: { allIssues: Issue[] }) {
render={
<TooltipTrigger
render={
<Button variant="outline" size="icon-sm">
<Button variant="outline" size="icon-sm" className="text-muted-foreground">
{viewMode === "board" ? (
<Columns3 className="size-4" />
) : (