Reduce audio waveform layout trashing

2021-06-22 12:27:54 +01:00
parent f56216eec5
commit 27d255f30e
2 changed files with 14 additions and 5 deletions
@@ -33,9 +33,13 @@ limitations under the License.
    font-size: $font-14px;
    line-height: $font-24px;

+    contain: content;
+
    .mx_Waveform {
        .mx_Waveform_bar {
            background-color: $voice-record-waveform-incomplete-fg-color;
+            height: 100%;
+            transform: scaleY(max(0.05, var(--barHeight)));

            &.mx_Waveform_bar_100pct {
                // Small animation to remove the mechanical feel of progress