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
77import { useSafeAreaInsets } from "react-native-safe-area-context";
88
99import { AppText as Text } from "../../components/AppText";
10import { APP_BAR_HEIGHT } from "../../lib/layoutMetrics";
1011import { tryOpenExternalUrl } from "../../lib/openExternalUrl";
1112import { useThemeColor } from "../../lib/useThemeColor";
1213import type { GitActionProgress } from "../../state/use-vcs-action-state";
1314
1415const OVERLAY_LAYOUT_TRANSITION = LinearTransition.duration(220);
16const OVERLAY_TOP_GAP = 8;
1517const AnimatedLiquidGlassView = Animated.createAnimatedComponent(LiquidGlassView);
1618
1719export function GitActionProgressOverlay(props: {
......@@ -52,7 +54,7 @@ export function GitActionProgressOverlay(props: {
5254 entering={isLiquidGlassSupported ? undefined : FadeIn.duration(200)}
5355 exiting={FadeOut.duration(150)}
5456 className="absolute inset-x-3 z-[100]"
55 style={{ top: insets.top + 48 }}
57 style={{ top: insets.top + APP_BAR_HEIGHT + OVERLAY_TOP_GAP }}
5658 pointerEvents="box-none"
5759 >
5860 <Pressable onPress={handlePress}>
apps/mobile/src/lib/layoutMetrics.ts+7
......@@ -3,3 +3,10 @@ export const HOME_HORIZONTAL_INSET = 20;
33
44/** Compensates for the tighter native sidebar title margin on iPad. */
55export 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;