[airflow] branch main updated: Remove infinite animation for pinwheel, spin for 1.5s (#34020)

[potiuk]

This is an automated email from the ASF dual-hosted git repository.

potiuk 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 f8a5c8bf2b Remove infinite animation for pinwheel, spin for 1.5s 
(#34020)
f8a5c8bf2b is described below

commit f8a5c8bf2b23b8a5a69b00e21ff37b58559c9dd6
Author: Pankaj Koti <pankajkoti...@gmail.com>
AuthorDate: Sat Sep 2 13:10:44 2023 +0530

    Remove infinite animation for pinwheel, spin for 1.5s (#34020)
    
    * Remove infinite animation for pinwheel, spin for 1.5s
    
    * Use media query as per @ryanahamilton's suggestion
    
    * Fix static checks
---
 airflow/www/static/css/main.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/airflow/www/static/css/main.css b/airflow/www/static/css/main.css
index c625061c48..54395603f5 100644
--- a/airflow/www/static/css/main.css
+++ b/airflow/www/static/css/main.css
@@ -102,9 +102,11 @@ div.container {
   }
 }
 
-.navbar-brand:hover .brand-logo-pinwheel {
-  transform-origin: 17.66px 17.66px;
-  animation: pinSpin 1.5s linear infinite;
+@media (prefers-reduced-motion: no-preference) {
+  .navbar-brand:hover .brand-logo-pinwheel {
+    transform-origin: 17.66px 17.66px;
+    animation: pinSpin 1.5s linear;
+  }
 }
 
 .navbar-user-icon {