jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

fix(roster): tighten tab icon spacing and allow org chart scroll

Browse source 
Add gap-1.5 to the roster tab triggers so icons and labels are not
glued together, and let the org chart tab scroll horizontally instead
of overflowing the page.
This commit is contained in:
Jason Fraley 2026-08-25 12:31:53 -04:00
parent 7cfb650095
commit 3348466f3b
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/frontend/roster/RosterView.tsx
View file

@ -401,25 +401,25 @@ export function RosterView({
<RosterDisplayContext.Provider value={leadOrActual}> <RosterDisplayContext.Provider value={leadOrActual}>
<Tabs defaultValue="org"> <Tabs defaultValue="org">
<TabsList variant="line"> <TabsList variant="line">
<TabsTrigger value="org"> <TabsTrigger value="org" className="gap-1.5">
<NetworkIcon className="size-3" /> <NetworkIcon className="size-3" />
Org Chart Org Chart
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="assignment"> <TabsTrigger value="assignment" className="gap-1.5">
<Building2Icon className="size-3" /> <Building2Icon className="size-3" />
By Assignment By Assignment
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="rank"> <TabsTrigger value="rank" className="gap-1.5">
<ShieldIcon className="size-3" /> <ShieldIcon className="size-3" />
By Rank By Rank
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="alpha"> <TabsTrigger value="alpha" className="gap-1.5">
<ListIcon className="size-3" /> <ListIcon className="size-3" />
A–Z A–Z
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
<TabsContent value="org"> <TabsContent value="org" className="overflow-x-scroll">
<OrgChartView assignments={assignments} members={members} /> <OrgChartView assignments={assignments} members={members} />
</TabsContent> </TabsContent>
<TabsContent value="assignment"> <TabsContent value="assignment">