From 75944014617e8db7a4199c5054fbb1d8df026d5b Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Sun, 26 May 2024 18:29:14 +0530
Subject: [PATCH] Fix expand chat reference animation in web, desktop, obsidian
 clients

---
 src/interface/desktop/chat.html   | 3 ++-
 src/interface/obsidian/styles.css | 3 ++-
 src/khoj/interface/web/chat.html  | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/interface/desktop/chat.html b/src/interface/desktop/chat.html
index 3e719fe4..a2a49ea1 100644
--- a/src/interface/desktop/chat.html
+++ b/src/interface/desktop/chat.html
@@ -1695,9 +1695,10 @@
             content: "▶";
             margin-right: 5px;
             display: inline-block;
-            transition: transform 0.3s ease-in-out;
+            transition: transform 0.1s ease-in-out;
         }
 
+        button.reference-button.expanded::before,
         button.reference-button:active:before,
         button.reference-button[aria-expanded="true"]::before {
             transform: rotate(90deg);
diff --git a/src/interface/obsidian/styles.css b/src/interface/obsidian/styles.css
index 67154035..ec28eebd 100644
--- a/src/interface/obsidian/styles.css
+++ b/src/interface/obsidian/styles.css
@@ -183,8 +183,9 @@ button.reference-button::before {
     content: "▶";
     margin-right: 5px;
     display: inline-block;
-    transition: transform 0.3s ease-in-out;
+    transition: transform 0.1s ease-in-out;
 }
+button.reference-button.expanded::before,
 button.reference-button:active:before,
 button.reference-button[aria-expanded="true"]::before {
     transform: rotate(90deg);
diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index 0d1004d7..e4a172ff 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -2047,9 +2047,10 @@ To get started, just start typing below. You can also type / to see a list of co
             content: "▶";
             margin-right: 5px;
             display: inline-block;
-            transition: transform 0.3s ease-in-out;
+            transition: transform 0.1s ease-in-out;
         }
 
+        button.reference-button.expanded::before,
         button.reference-button:active:before,
         button.reference-button[aria-expanded="true"]::before {
             transform: rotate(90deg);