From b34c1791148a54540a89bf9b046c18a35212b967 Mon Sep 17 00:00:00 2001 From: Seif Soliman Date: Tue, 13 May 2025 17:42:55 +0300 Subject: [PATCH] fix: smooth transition for theme palette icon in chaos_theory theme (@byseif21) (#6560) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### 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 --- frontend/static/themes/chaos_theory.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/frontend/static/themes/chaos_theory.css b/frontend/static/themes/chaos_theory.css index 6e11af635..dee141b79 100644 --- a/frontend/static/themes/chaos_theory.css +++ b/frontend/static/themes/chaos_theory.css @@ -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;