BUG: Fix extra top space for audio and video messages to improve UI c…

…onsistency
RocketChat · Dec 24, 2024 · 2ba9420 · 2ba9420
1 parent 94e0faf
commit 2ba9420
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 11 deletions.
diff --git a/packages/react/src/views/AttachmentHandler/AttachmentMetadata.js b/packages/react/src/views/AttachmentHandler/AttachmentMetadata.js
@@ -32,15 +32,7 @@ const AttachmentMetadata = ({ attachment, url, variantStyles = {} }) => {
         variantStyles.attachmentMetaContainer,
       ]}
     >
-      <p
-        css={[
-          css`
-            margin: 9px 0 0;
-          `,
-        ]}
-      >
-        {attachment.description}
-      </p>
+      <p css={[css``]}>{attachment.description}</p>
       <Box
         css={css`
           display: flex;

diff --git a/packages/react/src/views/AttachmentHandler/AudioAttachment.js b/packages/react/src/views/AttachmentHandler/AudioAttachment.js
@@ -21,7 +21,6 @@ const AudioAttachment = ({ attachment, host, type, author, variantStyles }) => {
           css`
             line-height: 0;
             border-radius: inherit;
-            padding: 0.5rem;
           `,
           (type ? variantStyles.pinnedContainer : '') ||
             css`

diff --git a/packages/react/src/views/AttachmentHandler/VideoAttachment.js b/packages/react/src/views/AttachmentHandler/VideoAttachment.js
@@ -37,7 +37,6 @@ const VideoAttachment = ({
           css`
             line-height: 0;
             border-radius: inherit;
-            padding: 0.5rem;
           `,
           (type ? variantStyles.pinnedContainer : '') ||
             css`