From 1e35fdcd58243312ee4cea6400fa72d9405b0b65 Mon Sep 17 00:00:00 2001 From: waterWang Date: Tue, 11 Aug 2026 17:55:14 +0800 Subject: [PATCH] fix: add safe-area-inset-bottom padding to gf-page-tabs component The tab navigation component was missing padding-bottom: env(safe-area-inset-bottom) after the refactoring in #6797 extracted the tabs into a standalone component. The safe-area padding was left behind on the global .page class, but because the component enforces height: 100%, it overrides the parent's padding. This causes the bottom navigation bar to overlap the iOS home indicator on mobile devices. Fix: add padding-bottom: env(safe-area-inset-bottom) (with constant() fallback for older iOS versions) directly to the :host of the page-tabs component. Closes #6878 --- libs/ui/src/lib/page-tabs/page-tabs.component.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/libs/ui/src/lib/page-tabs/page-tabs.component.scss b/libs/ui/src/lib/page-tabs/page-tabs.component.scss index 246a6147d..0534c8e58 100644 --- a/libs/ui/src/lib/page-tabs/page-tabs.component.scss +++ b/libs/ui/src/lib/page-tabs/page-tabs.component.scss @@ -4,6 +4,8 @@ display: flex; flex-direction: column; height: 100%; + padding-bottom: env(safe-area-inset-bottom); + padding-bottom: constant(safe-area-inset-bottom); width: 100%; .external-link-icon {