Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-04-21 00:48:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Left-align audio message countdown and right-align metadata

Browse Source
This commit is contained in:
Evan Hahn
2022-03-09 15:45:18 -06:00
committed by GitHub
parent 4a00ea46bc
commit cc44dca32b
2 changed files with 13 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ts/components/conversation/MessageAudio.tsx
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>
);