Add compatibilty with message list scrolling

Author: szuperaz

src/styles/MessageList.scss

@@ -1,7 +1,15 @@
-.str-chat__list {
-  flex: 1;
+%scrollable {
   overflow-x: hidden;
   overflow-y: auto;
+}
+
+.str-chat-angular__message-list-host {
+  @extend %scrollable;
+}
+
+.str-chat__list {
+  @extend %scrollable;
+  flex: 1;
   -webkit-overflow-scrolling: touch; /* enable smooth scrolling on ios */
   padding: 0;
 

src/styles/_base.scss

@@ -125,7 +125,8 @@ $emoji-flag-unicode-range: U+1F1E6-1F1FF;
     height: 100%;
     display: flex;
 
-    .str-chat__main-panel {
+    .str-chat__main-panel,
+    .str-chat-angular__main-panel-inner {
       height: 100%;
       width: 100%;
       min-width: 250px;