Commit Graph

905 Commits (5d02e4429325f72f2c8d667da110db86cf097863)

Author SHA1 Message Date
Travis Ralston d270e232fd Fix voice message playback being squished up against send button
In the style shuffle of https://github.com/matrix-org/matrix-react-sdk/pull/5970 the playback bar got squished up against the send button. This just fixes the selector to actually hit the composer-based recorder all the time, not just when recording.
2021-05-06 21:41:04 -06:00
Travis Ralston ccdc9fbef6 Fix issue where composer styles were being applied to the timeline 2021-05-04 21:15:22 -06:00
Travis Ralston a94c1a90c1 Update colours and sizing for voice messages
Fixes https://github.com/vector-im/element-web/issues/17162
2021-05-04 20:45:15 -06:00
Travis Ralston ba2da6826f Support a dark theme for voice messages
Fixes https://github.com/vector-im/element-web/issues/17137
2021-05-03 16:08:38 -06:00
Travis Ralston c2d37af1cb Move playback to its own set of classes
This all started with a bug where the clock wouldn't update appropriately, and ended with a whole refactoring to support later playback in the timeline.

Playback and recording instances are now independent, and this applies to the <Playback* /> components as well. Instead of those playback components taking a recording, they take a playback instance which has all the information the components need.

The clock was incredibly difficult to do because of the audio context's time tracking and the source's inability to say where it is at in the buffer/in time. This means we have to track when we started playing the clip so we can capture the audio context's current time, which may be a few seconds by the first time the user hits play. We also track stops so we know when to reset that flag.

Waveform calculations have also been moved into the base component, deduplicating the math a bit.
2021-04-27 22:23:57 -06:00
Travis Ralston c1bb0bb0b8 Add a delete button 2021-04-27 15:02:15 -06:00
Travis Ralston e079f64a16 Adjust pixel dimensions 2021-04-27 15:02:15 -06:00
Travis Ralston 32e3ce3dea Handle basic state machine of recordings 2021-04-27 15:02:15 -06:00
Travis Ralston c5dd6b4dfb Update action bar to incorporate sending states
This moves most of them out of the context menu.
2021-04-21 16:24:17 -06:00
Germain Souquet c5a1bb2d2c fix sticky tags header in room list 2021-04-21 10:44:20 +01:00
Germain 68fb9a78c4
Merge pull request #5874 from matrix-org/gsouquet-room-events 2021-04-21 09:09:01 +01:00
Travis Ralston a821ece128
Merge pull request #5869 from matrix-org/travis/voice/pulse-2
Pulse animation for voice messages recording state
2021-04-16 09:41:33 -06:00
Travis Ralston 7878e1cd57
Merge pull request #5870 from matrix-org/travis/voice/disable-composer
Properly disable composer access when recording a voice message
2021-04-16 07:36:53 -06:00
Travis Ralston 3e24d6f8ac Change animation speed 2021-04-15 10:49:39 -06:00
Travis Ralston f0d1e7c565 Document the lamp effect 2021-04-15 10:04:15 -06:00
Travis Ralston 6b3ac20d76 Cleanup 2021-04-15 09:53:15 -06:00
Germain Souquet 02debd12f6 Hide RoomSublist when empty rather than unmounting them 2021-04-15 16:11:45 +01:00
Germain 36e729a626
Merge pull request #5836 from matrix-org/gsouquet-readreceipts-animation 2021-04-15 08:27:28 +01:00
Travis Ralston fedb5b9f63 Fix disabled state of the composer 2021-04-14 20:12:10 -06:00
Travis Ralston 595225b98b A different animation option for pulsing record icons 2021-04-14 15:14:52 -06:00
Travis Ralston e77d3bea04 Pulse animation option for voice record button 2021-04-14 15:12:21 -06:00
Germain Souquet cd48a8f3ab merge .mx_ReplyThread declaration in _IRCLayout.css 2021-04-14 08:15:32 +01:00
Germain Souquet e520f7462c Fix emotes left spacing in replies for the IRC layout 2021-04-13 11:21:47 +01:00
Germain Souquet 2aebf103ed always display message timestamp in IRC layout replies 2021-04-13 11:20:53 +01:00
J. Ryan Stinnett 798a891d83 Tweak appearance of invite reason
This adjusts the display of invite reasons to match design feedback.

Fixes https://github.com/vector-im/element-web/issues/16869
2021-04-12 12:28:42 +01:00
Germain Souquet 1d75726a75 Honour prefers reduced motion for read receipts 2021-04-08 11:05:45 +01:00
Germain Souquet 8d60d85570 replace velocity-animate with CSS transitions 2021-04-08 10:36:14 +01:00
Robin Townsend 2477258249 Merge branch 'develop' into show-invite-reasons 2021-03-31 16:13:29 -04:00
Robin Townsend f0333b5b1c Show invite reasons
Displays the reason for invitation in the invitation dialog, requiring a
click to reveal the message.

Signed-off-by: Robin Townsend <robin@robin.town>
2021-03-31 15:46:09 -04:00
Travis Ralston 54412878a1 Merge branch 'develop' into travis/voice-messages/waveform 2021-03-29 22:59:51 -06:00
Travis Ralston 1419ac6b69 Hook up a clock and implement proper design 2021-03-25 17:12:26 -06:00
Michael Telatynski 5061db259a Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/spaces4.12 2021-03-25 16:37:56 +00:00
Michael Telatynski b6a57f73c6 Tweak border colours in spaces 2021-03-25 12:17:39 +00:00
Michael Telatynski 760b11f214
Merge pull request #5789 from matrix-org/t3chguy/spaces4.11
Tweak and fix some space features
2021-03-25 09:02:11 +00:00
Michael Telatynski 20ea1436fc Update iconography for spaces 2021-03-24 19:43:33 +00:00
Travis Ralston 8587ec888b
Merge pull request #5769 from matrix-org/travis/voice-messages/exp
Labs feature: Early implementation of voice messages
2021-03-24 09:56:34 -06:00
Michael Telatynski 65a7d0621d Add invite to space button to room intro 2021-03-24 15:30:03 +00:00
Michael Telatynski a2a1e37fa3 Add prompt to bottom of room list to invite to space 2021-03-24 14:18:06 +00:00
Germain Souquet 0db31dfeae fix: CIDER formatting buttons on Safari 2021-03-22 15:05:22 +00:00
Jaiwanth b2a72565d3 Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into add-invite-to-context-menu 2021-03-19 20:28:10 +05:30
Travis Ralston 51dca8d13d Fix positioning of stop square 2021-03-16 23:54:33 -06:00
Travis Ralston 9aa5348c7f Show a stop button to stop the recording 2021-03-16 23:43:59 -06:00
Travis Ralston b5d32d92f3 Wire up a simple record button 2021-03-16 22:58:44 -06:00
J. Ryan Stinnett dffe0e93e3
Merge pull request #5717 from 2580ayush2580/ayush258013
Fix clicking on the avatar for opening member info requires pixel-perfect accuracy
2021-03-09 11:39:04 +00:00
Travis Ralston 761ced13f2
Merge pull request #5719 from matrix-org/travis/file-representation
UI refresh for uploaded files
2021-03-08 08:52:43 -07:00
Travis Ralston d35afe6fbb
Merge pull request #5699 from matrix-org/travis/message-states
Improve message sending states to match new designs
2021-03-08 08:52:26 -07:00
David Baker e5b03488d8 Fix widget resizing
There was a line of CSS that set pointer-events: none on widget
iframes whilst they were being resized to stop iframes swallowing
the mousemove/up events while dragging the resize handle, but a)
all widgets are now in a persisted element wrapper and therefore
not in the right place in the DOM to get that CSS and b) that only
got set when resizing the whole aps drawer vertically, not dragging
the handle between apps to change the width distribution.

Add a pointer events prop to AppTile to allow the pointer-events
style to be set by the parent, and set it when dragging either
resize handle.

Fixes https://github.com/vector-im/element-web/issues/16473
2021-03-05 17:52:51 +00:00
Travis Ralston 017c2af663 Merge branch 'develop' into travis/message-states 2021-03-05 09:29:39 -07:00
Travis Ralston d7310bc5b3 Remove dead classes 2021-03-04 20:17:29 -07:00
Ayush Kumar dd792c3d73 Fix Clicking on the avatar for opening member info requires pixel-perfect accuracy 2021-03-04 19:24:35 +05:30