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

`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
@@ -548,6 +548,7 @@ function SessionNodeItemComponent(props: Props): React.ReactNode {
toggleParent(expansionKey);
}
}}
style={{ minWidth: 14, minHeight: 14 }}
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',
metadataSubsessionChevron