Merge branch 'fix-link-preview-width-tiny' into feat-move-attachments-outside-messagebox

stylesheets/_modules.scss

@@ -154,6 +154,8 @@
   display: flex;
   flex-direction: row;
   align-items: flex-start;
+  flex-grow: 1;
+  border: 1px solid $color-black-015;
 }
 
 .module-message__link-preview__image_container {
@@ -201,10 +203,6 @@
   background-color: $color-gray-05;
 }
 
-.module-message__link-preview__text--with-icon {
-  margin-top: 5px;
-}
-
 .module-message__link-preview__title {
   font-size: 16px;
   font-weight: 300;

ts/components/conversation/message/message-content/MessageContent.tsx

@@ -11,7 +11,6 @@ import {
   getQuotedMessageToAnimate,
   getShouldHighlightMessage,
 } from '../../../../state/selectors/conversations';
-
 import { MessageAttachment } from './MessageAttachment';
 import { MessageLinkPreview } from './MessageLinkPreview';
 import { MessageQuote } from './MessageQuote';

ts/components/conversation/message/message-content/MessageLinkPreview.tsx

@@ -84,14 +84,7 @@ export const MessageLinkPreview = (props: Props) => {
             </div>
           </div>
         ) : null}
-        <div
+        <div className={classNames('module-message__link-preview__text')}>
-          className={classNames(
-            'module-message__link-preview__text',
-            previewHasImage && !isFullSizeImage
-              ? 'module-message__link-preview__text--with-icon'
-              : null
-          )}
-        >
           <div className="module-message__link-preview__title">{first.title}</div>
           <div className="module-message__link-preview__location">{first.domain}</div>
         </div>