Add progress effect to playback waveform

This commit is contained in:
Travis Ralston 2021-04-27 22:59:16 -06:00
parent c2d37af1cb
commit c4d85c457b
5 changed files with 38 additions and 4 deletions

View file

@ -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;
}
}
}