monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2026-01-11 01:44:50 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: smooth transition for theme palette icon in chaos_theory theme (@byseif21) (#6560)

Browse source 
### Description

fix the transition animation for the theme palette icon in the
chaos_theory theme.

hovering over the current theme button would trigger a smooth 180° flip
of the palette icon. However, when quickly moving the cursor away, the
icon would abruptly snap back to its original position instead of
transitioning smoothly.
### Before: 


https://github.com/user-attachments/assets/55b6683a-c83b-4f93-806b-bf289bf30c5f

-------------


### Now:



https://github.com/user-attachments/assets/59d08d45-ba2d-4921-9cc4-ee84455a0571
This commit is contained in:
Seif Soliman 2025-05-13 17:42:55 +03:00 • committed by GitHub
parent 90b3d7362c
commit b34c179114
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/static/themes/chaos_theory.css
View file

@ -94,6 +94,11 @@ header.focus #logo:after {
direction: ltr;
}
footer .leftright .right .current-theme .fas.fa-fw.fa-palette {
transform: rotateY(0deg);
transition: 0.5s;
}
footer .leftright .right .current-theme:hover .fas.fa-fw.fa-palette {
transform: rotateY(180deg);
transition: 0.5s;