From 8f9ab0845d8e034bf49b28eb4d6abbb14fce597d Mon Sep 17 00:00:00 2001 From: Pavlo Trinko Date: Fri, 14 Aug 2026 10:25:05 +0200 Subject: [PATCH] fix(mobile): add breathing room between the git progress overlay and the app bar (#6587) Co-authored-by: Claude Fable 5 --- .../src/features/threads/GitActionProgressOverlay.tsx | 4 +++- apps/mobile/src/lib/layoutMetrics.ts | 7 +++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/apps/mobile/src/features/threads/GitActionProgressOverlay.tsx b/apps/mobile/src/features/threads/GitActionProgressOverlay.tsx index 2b257ec175cdb17322909f577701112e8845b57e..bc41570351c40f1e1ca6f15548f990b66df69e50 100644 --- a/apps/mobile/src/features/threads/GitActionProgressOverlay.tsx +++ b/apps/mobile/src/features/threads/GitActionProgressOverlay.tsx @@ -7,11 +7,13 @@ import Animated, { FadeIn, FadeOut, LinearTransition } from "react-native-reanim import { useSafeAreaInsets } from "react-native-safe-area-context"; import { AppText as Text } from "../../components/AppText"; +import { APP_BAR_HEIGHT } from "../../lib/layoutMetrics"; import { tryOpenExternalUrl } from "../../lib/openExternalUrl"; import { useThemeColor } from "../../lib/useThemeColor"; import type { GitActionProgress } from "../../state/use-vcs-action-state"; const OVERLAY_LAYOUT_TRANSITION = LinearTransition.duration(220); +const OVERLAY_TOP_GAP = 8; const AnimatedLiquidGlassView = Animated.createAnimatedComponent(LiquidGlassView); export function GitActionProgressOverlay(props: { @@ -52,7 +54,7 @@ export function GitActionProgressOverlay(props: { entering={isLiquidGlassSupported ? undefined : FadeIn.duration(200)} exiting={FadeOut.duration(150)} className="absolute inset-x-3 z-[100]" - style={{ top: insets.top + 48 }} + style={{ top: insets.top + APP_BAR_HEIGHT + OVERLAY_TOP_GAP }} pointerEvents="box-none" > diff --git a/apps/mobile/src/lib/layoutMetrics.ts b/apps/mobile/src/lib/layoutMetrics.ts index 139fcbb65f32d1a2378ae032c962751694f93ffd..73407601461b89cd34ebd6143e931856ba86b0d6 100644 --- a/apps/mobile/src/lib/layoutMetrics.ts +++ b/apps/mobile/src/lib/layoutMetrics.ts @@ -3,3 +3,10 @@ export const HOME_HORIZONTAL_INSET = 20; /** Compensates for the tighter native sidebar title margin on iPad. */ export const IPAD_HOME_TITLE_OFFSET = 10; + +/** + * Height of the app's own header chrome below the safe-area inset, on every + * platform (matches the `min-h-12` AndroidScreenHeader). Distinct from the + * 44pt native iOS navigation bar. + */ +export const APP_BAR_HEIGHT = 48; -- 2.54.0