runfix: address read indicator design review (WPB-5369) (#16629)

* runfix: assign max-width to all assets * remove read indicator from message header
wireapp · Jan 25, 2024 · c201095 · c201095
1 parent ae1bc2d
commit c201095
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 13 deletions.
diff --git a/src/script/components/MessagesList/Message/ContentMessage/ContentMessage.tsx b/src/script/components/MessagesList/Message/ContentMessage/ContentMessage.tsx
@@ -21,7 +21,6 @@ import React, {useMemo, useState, useEffect} from 'react';
 
 import {QualifiedId} from '@wireapp/api-client/lib/user';
 
-import {ReadIndicator} from 'Components/MessagesList/Message/ReadIndicator';
 import {Conversation} from 'src/script/entity/Conversation';
 import {CompositeMessage} from 'src/script/entity/message/CompositeMessage';
 import {ContentMessage} from 'src/script/entity/message/ContentMessage';
@@ -192,13 +191,6 @@ export const ContentMessageComponent: React.FC<ContentMessageProps> = ({
               {timeAgo}
             </MessageTime>
           </span>
-
-          <ReadIndicator
-            message={message}
-            is1to1Conversation={conversation.is1to1()}
-            isLastDeliveredMessage={isLastDeliveredMessage}
-            showIconOnly
-          />
         </MessageHeader>
       )}
 

diff --git a/src/style/components/asset/common/common.less b/src/style/components/asset/common/common.less
@@ -24,6 +24,7 @@
   position: relative;
   display: flex;
   overflow: hidden;
+  max-width: var(--conversation-message-asset-width);
   min-height: 64px;
 
   border-radius: 12px;

diff --git a/src/style/components/asset/link-preview-asset.less b/src/style/components/asset/link-preview-asset.less
@@ -22,12 +22,8 @@
 
 .link-preview-asset {
   .asset-container-style;
-}
-
-.link-preview-asset {
   display: flex;
   width: 100%;
-  max-width: var(--conversation-message-asset-width);
   cursor: pointer;
 
   &.ephemeral-asset-expired {

diff --git a/src/style/components/asset/video-asset.less b/src/style/components/asset/video-asset.less
@@ -27,9 +27,9 @@
 
 // Video asset component
 .video-asset {
+  .asset-container-style;
   position: relative;
   display: block;
-  max-width: var(--conversation-message-asset-width);
   flex: 1 1 auto;
 
   &__container {