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 4444f0daf6d [v3-1-test] Add hover rotation animation to AirflowPin
(#57326) (#57440)
4444f0daf6d is described below
commit 4444f0daf6d940b92a9ffa1cb06feab32bbb1888
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Wed Oct 29 12:07:32 2025 +0100
[v3-1-test] Add hover rotation animation to AirflowPin (#57326) (#57440)
* [v3-1-test] Add hover rotation animation to AirflowPin (#57326)
* Add hover rotation animation to AirflowPin
* Add _motionSafe prop
(cherry picked from commit 62f20392fadfc9ba2c39435efee06f648bcb2d2a)
Co-authored-by: Yeonguk Choo <[email protected]>
* Fix CI
---------
Co-authored-by: Yeonguk Choo <[email protected]>
Co-authored-by: pierrejeambrun <[email protected]>
---
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..39a1afccf4d 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="/" />
