This is an automated email from the ASF dual-hosted git repository.
vatsrahul1001 pushed a commit to branch v3-3-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-3-test by this push:
new 40a5886d5fd [v3-3-test] Fix details panel header overlapping the tabs
(#69255) (#69318)
40a5886d5fd is described below
commit 40a5886d5fd448147d4211d71537d58894ed1050
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}>
