Skip to content

Commit b34c179

Browse files
authored
fix: smooth transition for theme palette icon in chaos_theory theme (@byseif21) (monkeytypegame#6560)
### 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
1 parent 90b3d73 commit b34c179

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

frontend/static/themes/chaos_theory.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,11 @@ header.focus #logo:after {
9494
direction: ltr;
9595
}
9696

97+
footer .leftright .right .current-theme .fas.fa-fw.fa-palette {
98+
transform: rotateY(0deg);
99+
transition: 0.5s;
100+
}
101+
97102
footer .leftright .right .current-theme:hover .fas.fa-fw.fa-palette {
98103
transform: rotateY(180deg);
99104
transition: 0.5s;

0 commit comments

Comments
 (0)