Implemented virtual scrolling for notifications (helps if many notifications exist)

2026-04-02 08:51:28 +03:00 · 2023-05-23 22:28:23 -04:00
parent a6478a50f2
commit d18fe70002
6 changed files with 61 additions and 32 deletions
--- a/src/app/components/notifications-list/notifications-list.component.scss
+++ b/src/app/components/notifications-list/notifications-list.component.scss
@@ -13,12 +13,21 @@
    font-size: 14px;
 }

+.notification-card-parent {
+    margin: 5px;
+}
+
 .notification-card {
    margin-top: 5px;
 }

+.notification-actions {
+    margin-top: auto;
+}
+
 .card-radius {
    border-radius: 12px;
+    height: 166px;
 }

 .dot {
@@ -30,4 +39,8 @@
    position: absolute;
    right: 8px;
    top: 8px;
-  }
+}
+
+.viewport {
+    height: 100%;
+}