Voice message error message (#281)

### 🎯 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 · Mar 25, 2024 · ebdf244 · ebdf244
1 parent 8bd821a
commit ebdf244
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/v2/styles/AttachmentList/AttachmentList-layout.scss b/src/v2/styles/AttachmentList/AttachmentList-layout.scss
@@ -369,11 +369,18 @@
       }
 
       .str-chat__message-attachment-voice-recording-widget--first-row {
+        @include utils.ellipsis-text-parent;
+
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: space-between;
-        column-gap: var(--str-chat__spacing-1);
+        gap: var(--str-chat__spacing-1);
+      }
+
+      .str-chat__message-attachment__voice-recording-widget__title {
+        @include utils.ellipsis-text;
+        min-width: 0;
       }
 
       .str-chat__message-attachment-download-icon {