fix: prevent video from overflowing or having no width (#79)

GetStream · Apr 13, 2022 · d8d1730 · d8d1730
1 parent 5439779
commit d8d1730
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/styles/Attachment.scss b/src/styles/Attachment.scss
@@ -166,7 +166,7 @@
   }
 
   &--media {
-    max-width: 300px;
+    width: 300px;
   }
 
   &-card {

diff --git a/src/styles/Thread.scss b/src/styles/Thread.scss
@@ -61,11 +61,18 @@
     .str-chat__message:first-of-type .str-chat__message-inner {
       margin-left: unset;
       margin-right: unset;
+      width: 100%;
     }
 
-    .str-chat__message-attachment.str-chat__message-attachment--file {
-      border-radius: var(--border-radius-md);
-      border-bottom: 1px solid var(--grey-whisper);
+    .str-chat__message-attachment.str-chat__message-attachment {
+      &--file {
+        border-radius: var(--border-radius-md);
+        border-bottom: 1px solid var(--grey-whisper);
+      }
+
+      &--media {
+        width: 100%;
+      }
     }
 
     .quoted-message {