Add active animation to header settings button ()

pull/2709/head
David Lapshin 2024-05-13 12:19:42 +03:00 committed by GitHub
parent f66c9faca0
commit cb93c1edf0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 0 deletions
app/javascript/styles/mastodon

View File

@ -4365,12 +4365,20 @@ a.status-card {
outline: $ui-button-focus-outline; outline: $ui-button-focus-outline;
} }
.no-reduce-motion .icon {
transition: transform 0.15s ease-in-out;
}
&.active { &.active {
color: $primary-text-color; color: $primary-text-color;
&:hover { &:hover {
color: $primary-text-color; color: $primary-text-color;
} }
.icon {
transform: rotate(60deg);
}
} }
&:disabled { &:disabled {