Add progress effect to playback waveform

2021-04-27 22:59:16 -06:00
parent c2d37af1cb
commit c4d85c457b
5 changed files with 38 additions and 4 deletions
@@ -36,7 +36,13 @@ limitations under the License.
        height: 28px; // default is 30px, so we're subtracting the 2px border off the bars

        .mx_Waveform_bar {
-            background-color: $voice-record-waveform-fg-color;
+            background-color: $voice-record-waveform-incomplete-fg-color;
+
+            &.mx_Waveform_bar_100pct {
+                // Small animation to remove the mechanical feel of progress
+                transition: background-color 250ms ease;
+                background-color: $voice-record-waveform-fg-color;
+            }
        }
    }