This is an automated email from the ASF dual-hosted git repository.
choo121600 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 37b7f5066ec Clean up NavButton titles (#63373)
37b7f5066ec is described below
commit 37b7f5066ecb9a151be1df87681cbb874d16cf9f
Author: Brent Bovenzi <[email protected]>
AuthorDate: Thu Mar 12 01:13:58 2026 -0400
Clean up NavButton titles (#63373)
---
airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx | 4 +---
airflow-core/src/airflow/ui/src/layouts/Nav/NavButton.tsx | 3 ++-
2 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx
b/airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx
index 3253f2209ca..4e4e9e39b17 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx
@@ -204,9 +204,7 @@ export const Nav = () => {
version={data?.version}
/>
<Tooltip content={tooltipLabel}>
- <Box>
- <NavButton icon={FiClock} onClick={onOpenTimezone} title={offset}
/>
- </Box>
+ <NavButton icon={FiClock} onClick={onOpenTimezone} title={offset} />
</Tooltip>
<UserSettingsButton externalViews={userItems} />
{hasCustomLogo ? (
diff --git a/airflow-core/src/airflow/ui/src/layouts/Nav/NavButton.tsx
b/airflow-core/src/airflow/ui/src/layouts/Nav/NavButton.tsx
index 50801577333..f943efc32aa 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Nav/NavButton.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Nav/NavButton.tsx
@@ -72,6 +72,7 @@ export const NavButton = ({ icon, isExternal = false,
pluginIcon, title, to, ...
color: "fg",
},
alignItems: "center",
+ "aria-label": title,
bg: isActive ? "brand.solid" : undefined,
borderRadius: "md",
borderWidth: 0,
@@ -84,7 +85,7 @@ export const NavButton = ({ icon, isExternal = false,
pluginIcon, title, to, ...
overflow: "hidden",
padding: 0,
textDecoration: "none",
- title,
+
transition: "background-color 0.2s ease, color 0.2s ease",
variant: "plain",
whiteSpace: "wrap",
