Left-align audio message countdown and right-align metadata
This commit is contained in:
parent
4a00ea46bc
commit
cc44dca32b
2 changed files with 13 additions and 31 deletions
|
@ -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>
|
||||
);
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue