This is an automated email from the ASF dual-hosted git repository.
kaxil pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new b6cb7c61228 Fix details panel header overlapping the tabs (#69255)
b6cb7c61228 is described below
commit b6cb7c612289e70d562d417f8dec18f81fe89b8d
Author: Pierre Jeambrun <[email protected]>
AuthorDate: Fri Jul 3 11:23:19 2026 +0200
Fix details panel header overlapping the tabs (#69255)
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.
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 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}>
