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 <[email protected]>
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" }}>

Reply via email to