Travis Ralston
39f2bbaaf4
Bring back waveform for voice messages and retain seeking ( #8843 )
...
* Crude way of layering the waveform and seek bar
Not intended for production.
* Use a layout prop instead of something less descriptive
* Fix alignment properly, and play with styles
* Convert back to a ball
* Use `transparent` which makes NVDA happy enough
* Allow keyboards in the seek bar
* Try to make the clock behave more correctly with screen readers
MIDNIGHT
* Remove legacy export
* Remove redundant attr
* Appease the linter
2022-06-14 18:13:13 -06:00
Suguru Hirahara
e2a612b070
Fix the width bounce of the clock on the AudioPlayer ( #8320 )
...
* Remove the hardcoded width of the clock on the AudioPlayer
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Use text-align: justify
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-05-11 11:58:07 +01:00
Travis Ralston
5fa2ca83ac
Allow voice messages to be scrubbed in the timeline ( #8079 )
...
* Use SeekBar for voice messages + move seeking logic to base class
* Appease the linter
* Update tests
2022-03-29 14:07:35 -06:00
Šimon Brandner
a3cde0e5e6
$voice-record-waveform-incomplete-fg-color -> $quaternary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:34:24 +02:00
Šimon Brandner
aad4e6f312
$voice-playback-button-bg-color -> $system
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:29:03 +02:00
Šimon Brandner
707f0c6bc9
$voice-playback-button-fg-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:28:01 +02:00
Šimon Brandner
71d1196692
Get rid of message-body-panel colors
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 09:04:51 +02:00
Šimon Brandner
8b59bf3d18
$tertiary-fg-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:29 +02:00
Šimon Brandner
e5fd19c332
$primary-fg-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:18:18 +02:00
Šimon Brandner
9ecd3b03f1
$quaternary-fg-color -> $quaternary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:37 +02:00
Travis Ralston
56290f3d01
Force padding overrides to take precedence over MediaBody styles
2021-07-21 14:47:27 -06:00
Travis Ralston
87ac2d7cc5
Move padding and width to MediaBody styles
2021-07-21 14:47:02 -06:00
Travis Ralston
1f131db216
Set a max width on waveform-less tiles
2021-07-13 19:02:12 -06:00
Travis Ralston
da8a783ca0
lint
2021-06-30 14:51:18 -06:00
Travis Ralston
d6cf2346fe
Manually conflict resolve https://github.com/matrix-org/matrix-react-sdk/pull/6240
2021-06-28 21:00:36 -06:00
Travis Ralston
7a6ee7d918
I know how CSS works.
2021-06-25 00:22:05 -06:00
Travis Ralston
e0a73a583e
Increase clickable area of seek bar
2021-06-25 00:19:57 -06:00
Travis Ralston
dd53c25706
Fix right panel sizing
2021-06-24 20:37:34 -06:00
Travis Ralston
ebb6f1b602
Add seeking and notes about clock desync
2021-06-24 20:18:50 -06:00
Travis Ralston
9c752680ba
Tile styling and early behaviour
2021-06-24 13:56:11 -06:00
Travis Ralston
ffef2e58cb
Unify audio message types to new media body
2021-06-24 11:38:35 -06:00
Travis Ralston
8ce77e618f
Reduce pointless CSS vars by 2
2021-06-24 11:38:35 -06:00
Travis Ralston
470778cbb8
Move voice message components to audio-generic directory
2021-06-24 11:38:35 -06:00
