Add active animation to header settings button (#30221)

11 months ago · cb93c1edf0
parent f66c9faca0
commit cb93c1edf0
1 changed files with 8 additions and 0 deletions
--- 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;
  }

+  .no-reduce-motion .icon {
+    transition: transform 0.15s ease-in-out;
+  }
+
  &.active {
    color: $primary-text-color;

    &:hover {
      color: $primary-text-color;
    }
+
+    .icon {
+      transform: rotate(60deg);
+    }
  }

  &:disabled {