Skip to content

Commit 949929d

Browse files
fix(mobile): Android split content keeps a gap at the screen edge (#26276)
Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
1 parent f120c51 commit 949929d

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

‎apps/mobile/src/features/layout/AdaptiveWorkspaceLayout.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -626,8 +626,10 @@ function AdaptiveWorkspaceLayoutContent(
626626
workspaceInspector !== null && workspaceInspector.active && panes.auxiliaryPaneVisible
627627
? (panes.auxiliaryPaneWidth ?? 0)
628628
: 0;
629+
// Android's split content is a rounded card: keep it off the screen edge like the list card.
630+
const contentEndGap = Platform.OS === "android" && layout.usesSplitView ? 4 : 0;
629631
const contentTargetWidth = layout.usesSplitView
630-
? Math.max(0, panes.contentPaneWidth - inspectorColumnTargetWidth)
632+
? Math.max(0, panes.contentPaneWidth - inspectorColumnTargetWidth - contentEndGap)
631633
: null;
632634
const [listPaneSizing, setListPaneSizing] = useState({
633635
viewportWidth,
@@ -936,6 +938,7 @@ function AdaptiveWorkspaceLayoutContent(
936938
flex: 1,
937939
width: contentTargetWidth,
938940
alignSelf: contentAnchor.end ? "flex-end" : "flex-start",
941+
marginRight: contentAnchor.end ? contentEndGap : 0,
939942
}
940943
: { flex: 1 }
941944
}

0 commit comments

Comments
 (0)