monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[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
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/flavours/glitch/styles/components.scss
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 {