[Glitch] Add active animation to header settings button

Port cb93c1edf0 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
David Lapshin 2024-05-13 12:19:42 +03:00 committed by Claire
parent 666760f450
commit 160823716a

View file

@ -4602,12 +4602,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 {