From c8c7de6b011c4458408663bc71a3db12d50e3e4b Mon Sep 17 00:00:00 2001
From: meta-d <meta.digital.cloud@gmail.com>
Date: Thu, 1 Feb 2024 20:24:35 +0800
Subject: [PATCH] feat: copilot scroll back button animate bounce

---
 packages/angular/common/scroll/scroll-back.component.ts | 2 +-
 packages/angular/copilot/chat/chat.component.html       | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/angular/common/scroll/scroll-back.component.ts b/packages/angular/common/scroll/scroll-back.component.ts
index d86b3623f..2920662cb 100644
--- a/packages/angular/common/scroll/scroll-back.component.ts
+++ b/packages/angular/common/scroll/scroll-back.component.ts
@@ -37,7 +37,7 @@ const passiveEventListenerOptions = normalizePassiveListenerOptions({ passive: t
     <div #backTop class="ngm-scroll-back block" [class.ngm-scroll-back-rtl]="dir === 'rtl'">
       <ng-template #defaultContent>
         <button
-          class="cursor-pointer absolute bottom-0 z-10 rounded-full bg-clip-padding border
+          class="cursor-pointer bottom-0 z-10 rounded-full bg-clip-padding border
       text-gray-600 bg-white dark:border-white/10 dark:bg-white/10 dark:text-gray-200 right-1/2 border-black/10"
           (click)="scrollTo()"
         >
diff --git a/packages/angular/copilot/chat/chat.component.html b/packages/angular/copilot/chat/chat.component.html
index 1c74536d6..5625f40ac 100644
--- a/packages/angular/copilot/chat/chat.component.html
+++ b/packages/angular/copilot/chat/chat.component.html
@@ -123,7 +123,8 @@
         </div>
     </div>
 
-    <ngm-scroll-back #scrollBack class="absolute bottom-0 left-1/2" [ngmTarget]="chatsContent" direction="bottom"></ngm-scroll-back>
+    <ngm-scroll-back #scrollBack class="block absolute bottom-0 left-1/2" [class.animate-bounce]="answering()"
+        [ngmTarget]="chatsContent" direction="bottom"></ngm-scroll-back>
 </div>
 
 <div class="relative m-3 border rounded-lg shadow-sm overflow-hidden border-neutral-200 dark:border-neutral-800"