Merge pull request #6240 from matrix-org/gsouquet/voice-messages-waveform-perf

Improve audio recording performance
2021-06-28 20:49:21 -06:00
parent 86228e08d8 e519e704e9
commit b6d9ecde8b
7 changed files with 145 additions and 58 deletions
@@ -33,9 +33,14 @@ 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%;
+            /* Variable set by a JS component */
+            transform: scaleY(max(0.05, var(--barHeight)));

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