fix(angular): channel list infinite scroll (#312)

szuperaz · web-flow · commit d2cddb2f42a0 · 2024-09-18T10:29:17.000+02:00
### 🎯 Goal

_Describe why we are making this change_

### 🛠 Implementation details

_Provide a description of the implementation_

### 🎨 UI Changes

_Add relevant screenshots_

Make sure to test with both Angular and React (with both `MessageList`
and `VirtualizedMessageList` components) SDKs
diff --git a/src/v2/styles/ChannelList/ChannelList-layout.scss b/src/v2/styles/ChannelList/ChannelList-layout.scss
@@ -48,3 +48,14 @@
     }
   }
 }
+
+.str-chat-angular__channel-list {
+  .str-chat__channel-list-messenger__main {
+    display: flex;
+    flex-direction: column;
+
+    stream-paginated-list {
+      min-height: 0;
+    }
+  }
+}
diff --git a/src/v2/styles/_base.scss b/src/v2/styles/_base.scss
@@ -42,6 +42,10 @@ stream-icon-placeholder {
   .str-chat__loading-indicator {
     margin: auto;
   }
+
+  .str-chat__load-more-button__button {
+    margin-inline: auto;
+  }
 }
 
 stream-paginated-list {

Original file line number	Diff line number	Diff line change
`@@ -48,3 +48,14 @@`
`48`	`48`	`}`
`49`	`49`	`}`
`50`	`50`	`}`
	`51`	`+`
	`52`	`+.str-chat-angular__channel-list {`
	`53`	`+ .str-chat__channel-list-messenger__main {`
	`54`	`+ display: flex;`
	`55`	`+ flex-direction: column;`
	`56`	`+`
	`57`	`+ stream-paginated-list {`
	`58`	`+ min-height: 0;`
	`59`	`+ }`
	`60`	`+ }`
	`61`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,10 @@ stream-icon-placeholder {`
`42`	`42`	`.str-chat__loading-indicator {`
`43`	`43`	`margin: auto;`
`44`	`44`	`}`
	`45`	`+`
	`46`	`+ .str-chat__load-more-button__button {`
	`47`	`+ margin-inline: auto;`
	`48`	`+ }`
`45`	`49`	`}`
`46`	`50`
`47`	`51`	`stream-paginated-list {`