This is an automated email from the ASF dual-hosted git repository.
vatsrahul1001 pushed a commit to branch changes-3.3.0rc2
in repository https://gitbox.apache.org/repos/asf/airflow.git
commit 43562ca412bf77754b57220f28d928ff56f960c6
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Fri Jul 3 16:26:49 2026 +0530
[v3-3-test] Fix details panel header overlapping the tabs (#69255) (#69318)
The page header in the details panel is a HeaderCard, which clips its own
overflow. As a flex child of the details column it could shrink when
vertical
space is tight — most visibly on Dag pages, whose header has the most rows —
cropping its content so the tabs appear to overlap the scheduling
information.
Pinning its flex size keeps the header at its natural height and lets the
scrollable tab content take the reduced space instead.
(cherry picked from commit b6cb7c612289e70d562d417f8dec18f81fe89b8d)
closes: #69247
Co-authored-by: Pierre Jeambrun <[email protected]>
---
airflow-core/src/airflow/ui/src/components/HeaderCard.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx
b/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx
index bb4ad874d16..d1dbdf9e5c8 100644
--- a/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx
+++ b/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx
@@ -39,7 +39,7 @@ export const HeaderCard = ({ actions, icon, state, stats,
subTitle, title }: Pro
const { t: translate } = useTranslation();
return (
- <Box data-testid="header-card" overflow="hidden">
+ <Box data-testid="header-card" flexShrink={0} overflow="hidden">
<DagDeactivatedBanner />
<Box p={2}>
<Flex alignItems="center" flexWrap="wrap"
justifyContent="space-between" mb={2}>
