From e404245a61b50007b3daa2477bda6220414c670c Mon Sep 17 00:00:00 2001
From: David Lapshin <ddaudix@gmail.com>
Date: Wed, 8 May 2024 21:44:39 +0300
Subject: [PATCH] Add active animation to header settings button

---
 app/javascript/styles/mastodon/components.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 12c987a02f3..5865855f1df 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -4365,12 +4365,20 @@ a.status-card {
     outline: $ui-button-focus-outline;
   }
 
+  .icon {
+    transition: transform .15s ease-in-out;
+  }
+  
   &.active {
     color: $primary-text-color;
 
     &:hover {
       color: $primary-text-color;
     }
+
+    .icon {
+      transform: rotate(60deg);
+    }
   }
 
   &:disabled {