Left-align audio message countdown and right-align metadata

This commit is contained in:
Evan Hahn 2022-03-09 15:45:18 -06:00 committed by GitHub
parent 4a00ea46bc
commit cc44dca32b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 31 deletions

View file

@ -530,6 +530,14 @@ export const MessageAudio: React.FC<Props> = (props: Props) => {
const metadata = (
<div className={`${CSS_BASE}__metadata`}>
<div
className={classNames(
`${CSS_BASE}__countdown`,
`${CSS_BASE}__countdown--${played ? 'played' : 'unplayed'}`
)}
>
{timeToText(countDown)}
</div>
{!withContentBelow && !collapseMetadata && (
<MessageMetadata
direction={direction}
@ -547,14 +555,6 @@ export const MessageAudio: React.FC<Props> = (props: Props) => {
timestamp={timestamp}
/>
)}
<div
className={classNames(
`${CSS_BASE}__countdown`,
`${CSS_BASE}__countdown--${played ? 'played' : 'unplayed'}`
)}
>
{timeToText(countDown)}
</div>
</div>
);