feat: copilot scroll back button animate bounce

meta-d · Feb 1, 2024 · c8c7de6 · c8c7de6
1 parent 534efa7
commit c8c7de6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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"