[event-viewer] [ui]: adds scroll to top functionality

Author: loukaspd

changelog.md

@@ -7,13 +7,15 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ## [0.1.3] Pending
 
 ### Added
+- **[event-viewer] [ui]:**: scroll to top functionality
 
 ### Changed
 - **[AppLogger]:**: introduce debug instance
 
 ### Fixed
 - **[log-selection]:** event-logs command parsing when thousands separator is '.' instead of ','
 - **[event-viewer]:**: fixes getEvents command to work on all windows languages
+- **[event-viewer] [ui]:**: optimize vertical scroll
 
 
 

src/app/components/event-viewer/event-viewer.component.css

@@ -10,4 +10,9 @@
     margin-top: 12px;
     height: 32px;
     line-height: 32px;
+}
+
+:host ::ng-deep .ant-back-top {
+    bottom: 10px;
+    right: 20px;
 }

src/app/components/event-viewer/event-viewer.component.html

@@ -1,4 +1,4 @@
-<div class="container" style="height: 100%; overflow-y: auto;">
+<div #scrollTarget class="container" style="height: 100%; overflow-y: auto;">
 
     <!-- Title -->
     <div class="title event-viewer-title">
@@ -49,4 +49,8 @@
             <span>No Events</span>
         </ng-template>
     </nz-empty>
+
+
+    <!-- Botom-Right ScrollTop functionality -->
+    <nz-back-top [nzTarget]="scrollTarget"></nz-back-top>
 </div>