From 1f131db216fb1d2ffe196043e7d2e1967803f064 Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Tue, 13 Jul 2021 19:02:12 -0600 Subject: [PATCH] Set a max width on waveform-less tiles --- res/css/views/audio_messages/_PlaybackContainer.scss | 4 ++++ src/components/views/audio_messages/RecordingPlayback.tsx | 3 ++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/res/css/views/audio_messages/_PlaybackContainer.scss b/res/css/views/audio_messages/_PlaybackContainer.scss index fd01864bba5..5548f6198e3 100644 --- a/res/css/views/audio_messages/_PlaybackContainer.scss +++ b/res/css/views/audio_messages/_PlaybackContainer.scss @@ -49,4 +49,8 @@ limitations under the License. padding-right: 6px; // with the fixed width this ends up as a visual 8px most of the time, as intended. padding-left: 8px; // isolate from recording circle / play control } + + &.mx_VoiceMessagePrimaryContainer_noWaveform { + max-width: 162px; // with all the padding this results in 185px wide + } } diff --git a/src/components/views/audio_messages/RecordingPlayback.tsx b/src/components/views/audio_messages/RecordingPlayback.tsx index d23be93a7e4..7d9312f3697 100644 --- a/src/components/views/audio_messages/RecordingPlayback.tsx +++ b/src/components/views/audio_messages/RecordingPlayback.tsx @@ -64,7 +64,8 @@ export default class RecordingPlayback extends React.PureComponent + const shapeClass = !this.isWaveformable ? 'mx_VoiceMessagePrimaryContainer_noWaveform' : ''; + return
{ this.isWaveformable && }