Merge pull request #10 from GetStream/angular-sdk-compatibility-sprint2

Angular SDK compatibility - sprint2

Author: DanC5

.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+build
+dist

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "arrowParens": "always",
+  "jsxSingleQuote": true,
+  "printWidth": 100,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all"
+}
+  

src/styles/Avatar.scss

@@ -70,7 +70,8 @@
   &--top,
   &--middle {
     .str-chat__message {
-      > .str-chat__avatar {
+      > .str-chat__avatar,
+      > .str-chat-angular__avatar-host {
         visibility: hidden;
       }
     }

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;