authorgravatar for paul.trinko95@gmail.comPavlo Trinko <paul.trinko95@gmail.com> 2026-08-14 10:25:05+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-14 10:25:05+02:00
log8f9ab0845d8e034bf49b28eb4d6abbb14fce597d
tree556e37f29f411adc86804d8b77948e8ec300e8b9
parentbaaeda305c60933e5e573b30807ecfc3a0871a80
signature Signed by PGP key B5690EEEBB952194

fix(mobile): add breathing room between the git progress overlay and the app bar (#6587)

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

2 files changed, 10 insertions(+), 1 deletions(-)

apps/mobile/src/features/threads/GitActionProgressOverlay.tsx+3-1
...@@ -7,11 +7,13 @@ import Animated, { FadeIn, FadeOut, LinearTransition } from "react-native-reanim...@@ -7,11 +7,13 @@ import Animated, { FadeIn, FadeOut, LinearTransition } from "react-native-reanim
7import { useSafeAreaInsets } from "react-native-safe-area-context";7import { useSafeAreaInsets } from "react-native-safe-area-context";
88
9import { AppText as Text } from "../../components/AppText";9import { AppText as Text } from "../../components/AppText";
10import { APP_BAR_HEIGHT } from "../../lib/layoutMetrics";
10import { tryOpenExternalUrl } from "../../lib/openExternalUrl";11import { tryOpenExternalUrl } from "../../lib/openExternalUrl";
11import { useThemeColor } from "../../lib/useThemeColor";12import { useThemeColor } from "../../lib/useThemeColor";
12import type { GitActionProgress } from "../../state/use-vcs-action-state";13import type { GitActionProgress } from "../../state/use-vcs-action-state";
1314
14const OVERLAY_LAYOUT_TRANSITION = LinearTransition.duration(220);15const OVERLAY_LAYOUT_TRANSITION = LinearTransition.duration(220);
16const OVERLAY_TOP_GAP = 8;
15const AnimatedLiquidGlassView = Animated.createAnimatedComponent(LiquidGlassView);17const AnimatedLiquidGlassView = Animated.createAnimatedComponent(LiquidGlassView);
1618
17export function GitActionProgressOverlay(props: {19export function GitActionProgressOverlay(props: {
...@@ -52,7 +54,7 @@ export function GitActionProgressOverlay(props: {...@@ -52,7 +54,7 @@ export function GitActionProgressOverlay(props: {
52 entering={isLiquidGlassSupported ? undefined : FadeIn.duration(200)}54 entering={isLiquidGlassSupported ? undefined : FadeIn.duration(200)}
53 exiting={FadeOut.duration(150)}55 exiting={FadeOut.duration(150)}
54 className="absolute inset-x-3 z-[100]"56 className="absolute inset-x-3 z-[100]"
55 style={{ top: insets.top + 48 }}57 style={{ top: insets.top + APP_BAR_HEIGHT + OVERLAY_TOP_GAP }}
56 pointerEvents="box-none"58 pointerEvents="box-none"
57 >59 >
58 <Pressable onPress={handlePress}>60 <Pressable onPress={handlePress}>
apps/mobile/src/lib/layoutMetrics.ts+7
...@@ -3,3 +3,10 @@ export const HOME_HORIZONTAL_INSET = 20;...@@ -3,3 +3,10 @@ export const HOME_HORIZONTAL_INSET = 20;
33
4/** Compensates for the tighter native sidebar title margin on iPad. */4/** Compensates for the tighter native sidebar title margin on iPad. */
5export const IPAD_HOME_TITLE_OFFSET = 10;5export const IPAD_HOME_TITLE_OFFSET = 10;
6
7/**
8 * Height of the app's own header chrome below the safe-area inset, on every
9 * platform (matches the `min-h-12` AndroidScreenHeader). Distinct from the
10 * 44pt native iOS navigation bar.
11 */
12export const APP_BAR_HEIGHT = 48;