This is an automated email from the ASF dual-hosted git repository.
bbovenzi 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 62f20392fad Add hover rotation animation to AirflowPin (#57326)
62f20392fad is described below
commit 62f20392fadfc9ba2c39435efee06f648bcb2d2a
Author: Yeonguk Choo <[email protected]>
AuthorDate: Wed Oct 29 00:46:41 2025 +0900
Add hover rotation animation to AirflowPin (#57326)
* Add hover rotation animation to AirflowPin
* Add _motionSafe prop
---
airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx | 11 ++++++++++-
1 file changed, 10 insertions(+), 1 deletion(-)
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 b313a4ff634..b8a134930ff 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Nav/Nav.tsx
@@ -148,7 +148,16 @@ export const Nav = () => {
<Flex alignItems="center" flexDir="column" width="100%">
<Box mb={3}>
<NavLink to="/">
- <AirflowPin height="35px" width="35px" />
+ <AirflowPin
+ _motionSafe={{
+ _hover: {
+ transform: "rotate(360deg)",
+ transition: "transform 0.8s ease-in-out"
+ }
+ }}
+ height="35px"
+ width="35px"
+ />
</NavLink>
</Box>
<NavButton icon={<FiHome size="28px" />} title={translate("nav.home")}
to="/" />
