From 40e2920275034cf8e3bce5108c73e73626616f4e Mon Sep 17 00:00:00 2001 From: Pierre Jeambrun Date: Fri, 3 Jul 2026 11:23:19 +0200 Subject: [PATCH] [v3-3-test] Fix details panel header overlapping the tabs (#69255) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) Co-authored-by: Pierre Jeambrun closes: #69247 --- 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 bb4ad874d168b..d1dbdf9e5c8cb 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 ( - +