You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by ka...@apache.org on 2025/09/23 12:44:57 UTC
(airflow) 06/09: Fix grid scrollbar overlapping on firefox (#55960)
This is an automated email from the ASF dual-hosted git repository.
kaxilnaik pushed a commit to branch v3-1-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
commit fc32d24ec1bd283b86698f048025b01092ea34b4
Author: Pierre Jeambrun <pi...@gmail.com>
AuthorDate: Mon Sep 22 22:45:44 2025 +0200
Fix grid scrollbar overlapping on firefox (#55960)
(cherry picked from commit fc0f441be8007815effa7221987d84ee7e98a98b)
---
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 f7d4662ca05..4edc7a59c61 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/DetailsLayout.tsx
@@ -129,7 +129,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
dagView={dagView}
limit={limit}
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 8bf65852c31..4daf3676fd9 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
@@ -240,7 +240,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" }}>