This is an automated email from the ASF dual-hosted git repository.
jscheffl 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 fc0f441be80 Fix grid scrollbar overlapping on firefox (#55960)
fc0f441be80 is described below
commit fc0f441be8007815effa7221987d84ee7e98a98b
Author: Pierre Jeambrun <[email protected]>
AuthorDate: Mon Sep 22 22:45:44 2025 +0200
Fix grid scrollbar overlapping on firefox (#55960)
---
airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx | 2 +-
airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
index 18c93692bd9..ba3ec4be6d9 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
@@ -133,7 +133,7 @@ export const DetailsLayout = ({ children, error, isLoading,
tabs }: Props) => {
minSize={showGantt && dagView === "grid" && Boolean(runId) ? 35
: 6}
order={1}
>
- <Box height="100%" marginInlineEnd={2} overflowY="auto"
position="relative">
+ <Box height="100%" marginInlineEnd={2} overflowY="auto"
paddingRight={4} position="relative">
<PanelButtons
dagRunStateFilter={dagRunStateFilter}
dagView={dagView}
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
index 65f0eb25441..d255b05c85a 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
@@ -255,7 +255,7 @@ export const PanelButtons = ({
<MdOutlineAccountTree />
</IconButton>
</ButtonGroup>
- <Flex gap={1} mr={3}>
+ <Flex gap={1}>
<ToggleGroups />
{/* eslint-disable-next-line jsx-a11y/no-autofocus */}
<Popover.Root autoFocus={false} positioning={{ placement:
"bottom-end" }}>
