Fix spacing when a View Once message is viewed

This commit is contained in:
Scott Nonnenberg
2025-11-06 04:05:31 +10:00
committed by GitHub
parent 4ed4a9b668
commit 94ae691fcd

View File

@@ -2589,32 +2589,34 @@ export class Message extends React.PureComponent<Props, State> {
} }
return ( return (
<div <div className="AttachmentStatusIcon__container">
className={classNames(
'AttachmentStatusIcon__circle-icon-container',
isIncoming
? 'AttachmentStatusIcon__circle-icon-container--incoming'
: null,
isDisabled
? 'AttachmentStatusIcon__circle-icon-container--disabled'
: null
)}
>
<div <div
className={classNames( className={classNames(
'AttachmentStatusIcon__circle-icon', 'AttachmentStatusIcon__circle-icon-container',
isIncoming ? 'AttachmentStatusIcon__circle-icon--incoming' : null, isIncoming
state === 'ready' ? 'AttachmentStatusIcon__circle-icon-container--incoming'
? 'module-message__tap-to-view__icon--ready'
: null, : null,
state === 'outgoing' isDisabled
? 'module-message__tap-to-view__icon--outgoing' ? 'AttachmentStatusIcon__circle-icon-container--disabled'
: null,
state === 'viewed'
? 'module-message__tap-to-view__icon--viewed'
: null : null
)} )}
/> >
<div
className={classNames(
'AttachmentStatusIcon__circle-icon',
isIncoming ? 'AttachmentStatusIcon__circle-icon--incoming' : null,
state === 'ready'
? 'module-message__tap-to-view__icon--ready'
: null,
state === 'outgoing'
? 'module-message__tap-to-view__icon--outgoing'
: null,
state === 'viewed'
? 'module-message__tap-to-view__icon--viewed'
: null
)}
/>
</div>
</div> </div>
); );
} }