C2LC-304: Restyle speed controls to match new design.

Description

In C2LC-287, we discussed the limitations of using an HTML range input for the speed slider, namely that we cannot achieve the full styles outlined in the new design.

With an HTML range input, the closest we can get is a squared off look, like this:

As discussed, to realise the full design we would need to make our own component.

Comments

  • Tony Atkins [RtF] commented 2021-04-21T07:13:09.648-0400

    One suggestion is to also make the “slow” and “fast” icons clickable.

  • Michelle D'Souza commented 2021-10-07T14:49:24.073-0400

    We decided that the current behaviour is fine.