BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): subagent chevron overlaps session title on mobile (#1582)

Browse Source 
`mobile.css` applies `min-width: 36px; min-height: 36px` to all `[role="button]` elements on mobile devices for touch targets, enlarging the subagent chevron from `14×14px to 36×36px`. This extends the chevron box 20px past the content edge, visually overlapping the session title. Add inline `minWidth/minHeight: 14` to pin the chevron size.
This commit is contained in:
weixiang1862
2026-06-23 11:30:02 +03:00
committed by GitHub
parent 4d63278efd
commit 56ca5bcf74
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/session/sidebar/SessionNodeItem.tsx
+1
View File
@@ -548,6 +548,7 @@ function SessionNodeItemComponent(props: Props): React.ReactNode {
toggleParent(expansionKey); toggleParent(expansionKey);
} }
}} }}
style={{ minWidth: 14, minHeight: 14 }}
className={cn( className={cn(
'inline-flex h-3.5 w-3.5 items-center justify-center rounded-md text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 transition-opacity', 'inline-flex h-3.5 w-3.5 items-center justify-center rounded-md text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 transition-opacity',
metadataSubsessionChevron metadataSubsessionChevron