This is an automated email from the ASF dual-hosted git repository.
pierrejeambrun pushed a commit to branch v3-1-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-1-test by this push:
new 2218482683b [v3-1-test] Fix: Adjust PanelButtons spacing and alignment
(#56570) (#57062)
2218482683b is described below
commit 2218482683b3abb27305f9fa09aaf1ae6bc9f43a
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Wed Oct 22 15:21:04 2025 +0200
[v3-1-test] Fix: Adjust PanelButtons spacing and alignment (#56570) (#57062)
* [v3-1-test] Fix Outlet Event Extra Data is Empty in Task Instance Success
Listener (#54568) (#57031)
Co-authored-by: Kevin Yang <[email protected]>
* [v3-1-test] Fix Extra Links translation key. (#57030) (#57040)
(cherry picked from commit 8d71c0710c533da2ea54ef15064a3f0c7a1f00b5)
Co-authored-by: Karthikeyan Singaravelan <[email protected]>
* [v3-1-test] Fix dags list not rendering (#57037) (#57046)
(cherry picked from commit 8668fe575272ccec478c1a9b1afc829844772a73)
Co-authored-by: Pierre Jeambrun <[email protected]>
* [v3-1-test] fix(scheduler): load dag_run eagering for execution API
validation (#57010) (#57045)
Co-authored-by: Wei Lee <[email protected]>
fix(scheduler): load dag_run eagering for execution API validation
(#56916)" (#56943)
* [v3-1-test] Fix dag list cache invalidation on favouriting a dag (#57039)
(#57047)
Fix dag list cache invalidation on favouriting a dag
(cherry picked from commit 4e4621251a72a0737e7b918318630481f7a27981)
Co-authored-by: Pierre Jeambrun <[email protected]>
* [v3-1-test] Add new PL translations. (#56359) (#57055)
(cherry picked from commit 6583b6da952deb1b9ea6ecc80e6830cbdc1cdef2)
* Add last missing translation for 3.1.1 (#57057)
* [v3-1-test] Close German translation gaps for full UI translation
2025-10-21 (#56980) (#57048)
* [v3-1-test] Fix: Adjust PanelButtons spacing and alignment (#56570)
* fix: adjust PanelButtons spacing and alignment
* Fix PanelButtons layout and button styling
* Fix PanelButtons: use bg.subtle and remove unnecessary _hover
(cherry picked from commit 4c35cd2006ae356713e463b26706350ca1d758e3)
Co-authored-by: anshuksi282-ksolves <[email protected]>
---------
Co-authored-by: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Kevin Yang <[email protected]>
Co-authored-by: Karthikeyan Singaravelan <[email protected]>
Co-authored-by: Pierre Jeambrun <[email protected]>
Co-authored-by: Wei Lee <[email protected]>
Co-authored-by: Jarek Potiuk <[email protected]>
Co-authored-by: anshuksi282-ksolves <[email protected]>
---
.../src/airflow/ui/src/layouts/Details/PanelButtons.tsx | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
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 b43895ced2c..6a766fb1f0d 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/PanelButtons.tsx
@@ -208,11 +208,13 @@ export const PanelButtons = ({
);
return (
- <Box position="absolute" ref={containerRef} top={1} width="100%"
zIndex={1}>
- <Flex justifyContent="space-between">
+ <Box position="absolute" px={2} ref={containerRef} top={1} width="100%"
zIndex={1}>
+ <Flex justifyContent="space-between" pl={2}>
<ButtonGroup attached size="sm" variant="outline">
<IconButton
aria-label={translate("dag:panel.buttons.showGridShortcut")}
+ bg={dagView === "grid" ? "brand.500" : "bg.subtle"}
+ color={dagView === "grid" ? "white" : "fg.default"}
colorPalette="brand"
onClick={() => {
setDagView("grid");
@@ -221,12 +223,13 @@ export const PanelButtons = ({
}
}}
title={translate("dag:panel.buttons.showGridShortcut")}
- variant={dagView === "grid" ? "solid" : "outline"}
>
<FiGrid />
</IconButton>
<IconButton
aria-label={translate("dag:panel.buttons.showGraphShortcut")}
+ bg={dagView === "graph" ? "brand.500" : "bg.subtle"}
+ color={dagView === "graph" ? "white" : "fg.default"}
colorPalette="brand"
onClick={() => {
setDagView("graph");
@@ -235,17 +238,16 @@ export const PanelButtons = ({
}
}}
title={translate("dag:panel.buttons.showGraphShortcut")}
- variant={dagView === "graph" ? "solid" : "outline"}
>
<MdOutlineAccountTree />
</IconButton>
</ButtonGroup>
- <Flex gap={1}>
+ <Flex alignItems="center" gap={1} justifyContent="space-between"
pl={2} pr={6}>
<ToggleGroups />
{/* eslint-disable-next-line jsx-a11y/no-autofocus */}
<Popover.Root autoFocus={false} positioning={{ placement:
"bottom-end" }}>
<Popover.Trigger asChild>
- <Button size="sm" variant="outline">
+ <Button bg="bg.subtle" color="fg.default" size="sm"
variant="outline">
{translate("dag:panel.buttons.options")}
<FiChevronDown size={8} />
</Button>
