From 4a57c041c7b48f6514e0f17c335fabe95ad64813 Mon Sep 17 00:00:00 2001
From: Zita Szupera <szuperaz@gmail.com>
Date: Wed, 11 Sep 2024 10:09:53 +0200
Subject: [PATCH] feat(angular): paginated list component

---
 src/v2/styles/_base.scss | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/v2/styles/_base.scss b/src/v2/styles/_base.scss
index f1134315..d4b70693 100644
--- a/src/v2/styles/_base.scss
+++ b/src/v2/styles/_base.scss
@@ -28,3 +28,34 @@ stream-icon-placeholder {
   justify-content: center;
   align-items: center;
 }
+
+.stream-chat__paginated-list {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  max-height: 100%;
+  min-height: 0;
+  gap: var(--str-chat__spacing-2);
+
+  .str-chat__loading-indicator {
+    margin: auto;
+  }
+}
+
+stream-paginated-list {
+  height: 100%;
+  max-height: 100%;
+}
+
+stream-user-list {
+  height: 100%;
+  max-height: 100%;
+
+  .str-chat__user-list-item {
+    display: flex;
+    align-items: center;
+    gap: var(--str-chat__spacing-2);
+  }
+}