hack4impact-uiuc / 7000-languages

Helping Indigenous communities around the world teach, learn and sustain their languages
GNU General Public License v3.0
12 stars 2 forks source link

Play Button shifts as the Audio Recording time stamp updates #190

Closed ashayp22 closed 2 years ago

ashayp22 commented 2 years ago

Describe the bug After a user records audio, they have the option to hear it back and accept or re-record. When a user clicks the Play Button to hear it back, the audio recording plays and the time stamp for the recording updates (goes 00:00, 00:01, 00:02, and so on). When this time stamp updates, the Play Button shifts back and forth because the width of the Text component containing the time stamp updates. We can try adding some constant width to the Text component or some other CSS to prevent the Play Button from shifting.

Shifted a little bit to the right

IMG_7787

Shifted a little bit to the left

IMG_7786

ashayp22 commented 2 years ago

Outdated with #259