Merge pull request #543 from GetStream/mention-list-fix

fix: autocomplete menu can overflow

Author: szuperaz

package-lock.json

@@ -117,7 +117,7 @@
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "4.6.1",
+    "@stream-io/stream-chat-css": "4.6.2",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "^1.4.0",
     "dayjs": "^1.10.7",

package.json

@@ -60,8 +60,8 @@
     <stream-avatar-placeholder
       data-testclass="avatar"
       class="str-chat__avatar str-chat__avatar--circle"
-      [style]="'height: ' + themeVersion === '2' ? 56 : 20 + 'px'"
-      [size]="themeVersion === '2' ? 56 : 20"
+      [style]="'height: ' + themeVersion === '2' ? 30 : 20 + 'px'"
+      [size]="themeVersion === '2' ? 30 : 20"
       [imageUrl]="item.image || item.user?.image"
       [name]="item.autocompleteLabel"
       type="user"
@@ -71,6 +71,5 @@
     <span data-testclass="username" class="str-chat__user-item--name">{{
       item.autocompleteLabel
     }}</span>
-    <div *ngIf="themeVersion === '2'" class="str-chat__user-item-at">&#64;</div>
   </div>
 </ng-template>