fix(angular): v5 small fixes (#300)

### 🎯 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
GetStream · Jun 27, 2024 · c1af437 · c1af437
1 parent b3dd8de
commit c1af437
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/v2/styles/MessageReactions/MessageReactionsSelector-layout.scss b/src/v2/styles/MessageReactions/MessageReactionsSelector-layout.scss
@@ -7,13 +7,19 @@
   inset-block-end: 100%;
 
   &.str-chat-angular-v5__reaction-selector {
+    margin: var(--str-chat__spacing-2);
     position: static;
 
     .str-chat__message-reactions-options {
       max-width: 100%;
-      overflow-y: auto;
-      overflow-x: hidden;
+      overflow-y: hidden;
+      overflow-x: auto;
       scrollbar-width: none;
+      padding: 0;
+
+      .str-chat__message-reactions-option {
+        flex-shrink: 0;
+      }
     }
   }
 

diff --git a/src/v2/styles/_base.scss b/src/v2/styles/_base.scss
@@ -13,6 +13,7 @@
     padding: 0 !important;
     box-shadow: none !important;
     border-color: transparent !important;
+    max-width: 100vw;
 
     .ngxp__arrow {
       display: none;