Commit Graph

959 Commits (6a03ab825f2478595930dd5d3d73a9b13b4dbb89)

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
Robin Townsend 3a62f6cdaa Merge branch 'develop' into better-spinners 2021-04-26 14:12:44 -04:00
Robin Townsend d3db5fe77f Vectorize mini avatar uploader spinner
Signed-off-by: Robin Townsend <robin@robin.town>
2021-04-26 14:10:09 -04: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
Germain Souquet 7627ea13fe Merge branch 'develop' into gsouquet-scroll-to-live-reset-hash 2021-04-07 09:54:12 +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
Germain Souquet a308a54183 Clicking jump to bottom resets room hash 2021-03-31 12:28:24 +01: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
Ayush Kumar 1cb19554eb Fix Bottom border of state counters is white on the dark theme 2021-03-04 14:03:02 +05:30
Michael Telatynski 77cf4cf7a4
Merge pull request #5706 from matrix-org/t3chguy/spaces4.4
Space room hierarchies
2021-03-03 15:25:00 +00:00
Michael Telatynski a8ff0fa75f
Merge pull request #5705 from matrix-org/t3chguy/spaces4.3
Iterate Space view and right panel
2021-03-03 13:37:40 +00:00
Michael Telatynski 85985db441 add comment 2021-03-03 11:50:41 +00:00
Travis Ralston c74224a1b7 Merge branch 'develop' into travis/message-states 2021-03-02 10:40:49 -07:00
Michael Telatynski ca1bd78921 Add space specific variant of the dropdown on "Rooms +" sublist 2021-03-02 14:20:29 +00:00
Michael Telatynski 8efe7dcaa1 Decorate Right Panel cards with Space header for when viewing it in that context 2021-03-02 09:54:32 +00:00
Travis Ralston 9cec382865 Change sending->sent state to match new designs
For https://github.com/vector-im/element-web/issues/16424
2021-03-01 16:25:19 -07:00
Šimon Brandner 188b728f53
Fix read receipts for compact layout
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-28 13:32:17 +01:00
Travis Ralston 678ec52035 Merge branch 'develop' into fix-4963 2021-02-26 14:41:28 -07:00
Travis Ralston 4e27b00cf3 Move call buttons to the room header
This is to make some room in the composer for voice messages. The hangup behaviour is intentionally lost by this change as the VOIP UX is intended to rely on dedicated hangup buttons instead.
2021-02-26 13:46:39 -07:00
Travis Ralston dee7c7b556
Merge pull request #5567 from SimonBrandner/fix-read-receipts
Fix read receipts?
2021-02-24 11:21:42 -07:00
Šimon Brandner 3f0e8e4afc
Delint
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-23 19:16:52 +01:00
Šimon Brandner 64945d4ccf
Add a comment and use rems
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-23 19:14:36 +01:00
Šimon Brandner 2f2c5c9081
Merge branch 'develop' into fix-read-receipts 2021-02-23 18:43:58 +01:00
J. Ryan Stinnett 667c94b387
Merge pull request #5643 from SimonBrandner/move-icons
Tweak code block icon positions
2021-02-23 14:53:28 +00:00
J. Ryan Stinnett 3db6a45010 Revert "Merge pull request #5637 from williamkray/wreck/clean-thumbnail-changes"
This reverts commit 5c1b38a48c, reversing
changes made to ec4a39a694.
2021-02-23 12:03:08 +00:00
J. Ryan Stinnett 5c1b38a48c
Merge pull request #5637 from williamkray/wreck/clean-thumbnail-changes
Improve URL preview formatting and image upload thumbnail size
2021-02-17 11:37:37 +00:00
Jaiwanth 04d2bf1d6a Check whether user has permission to invite
Signed-off-by: Jaiwanth <jaiwanth2011@gmail.com>
2021-02-15 20:55:15 +05:30
Jaiwanth f420c85985 Added invite option to room's context menu
Signed-off-by: Jaiwanth <jaiwanth2011@gmail.com>
2021-02-15 19:21:26 +05:30
Šimon Brandner 7dc6029f19
Move icons
This tweaks the icon positions to look a bit better. Espacially with a scrollbar on the side

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-13 15:29:38 +01:00
Šimon Brandner 8afb74d0e1
Fix border radius when the panel is collapsed
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-13 08:53:25 +01:00
Šimon Brandner 3983c15302
Delint
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-12 17:11:24 +01:00
Šimon Brandner 130e4f7bfd
Added some styling
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-12 17:06:02 +01:00
Šimon Brandner 2b4859a858
Merge branch 'develop' into fix-4963 2021-02-12 16:30:01 +01:00
Šimon Brandner e2bf0c84d7
Move icons to the left
We do this because they would otherwise collide with the scrollbar

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-09 08:16:36 +01:00
William Kray fec2309451 move cancel button to the right 2021-02-08 09:26:10 -08:00
William Kray e6da146b21 pad url preview close button a bit 2021-02-08 09:26:10 -08:00
William Kray 9260b031e9 oops missed a semicolon 2021-02-08 09:26:10 -08:00
William Kray 03c30b0338 change link previews to vertical flow 2021-02-08 09:26:10 -08:00
Šimon Brandner 84eba59afa
Merge branch 'develop' into improve-codeblock 2021-02-08 15:26:50 +01:00
Šimon Brandner 257b8819b3
Change icon size
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-08 15:22:30 +01:00
J. Ryan Stinnett a4318299ff
Merge pull request #5601 from weeman1337/fix-16325-timestamp-jump
Fix jumping timestamp if hovering a message with e2e indicator bar
2021-02-04 16:02:18 +00:00
Šimon Brandner b8ee23cdf4
Make consistent for all events
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-03 18:41:09 +01:00
Šimon Brandner 9a131efc1a
Fix avatar alignment
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-03 08:16:07 +01:00
J. Ryan Stinnett 388e23b40b Fix flair height after accent changes
The accent changes in https://github.com/matrix-org/matrix-react-sdk/pull/5569
led to a regression in flair display where the bottom edge was clipped.

Fixes https://github.com/vector-im/element-web/issues/16350
Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/5569
2021-02-02 17:57:22 +00:00
Michael Weimann 9b54aba4c0
fix timestamp width if there is a 2e2 indicator bar
Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
2021-01-31 11:11:34 +01:00
J. Ryan Stinnett 5758cd8bcc
Merge pull request #5518 from blattersturm/pr/irc-layout-width
Don't use name width in reply thread for IRC layout
2021-01-28 12:44:36 +00:00
Šimon Brandner 4e438be433
Fixed Czech capital letters
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-24 17:40:19 +01:00
Šimon Brandner 90ad3360b6
Fixed read receipts?
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-24 09:15:11 +01:00
blattersturm da7f6c7eca Don't use name width in reply thread for IRC layout
Signed-off-by: Robert Dash <peachypies@protonmail.ch>
2021-01-21 19:39:19 +01:00
Šimon Brandner 5ca9e8d323
Remove spaces
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-21 18:18:07 +01:00
Šimon Brandner f1a3240ec3
Merge branch 'develop' into improve-codeblock 2021-01-21 17:36:22 +01:00
Šimon Brandner bd2423a52c
Added line numbering
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-21 10:53:18 +01:00
Travis Ralston c7c055dd98 Give a bigger target area to AppsDrawer vertical resizer
The existing target was too hard to hit, which annoyed users. This change makes it the same sort of surface area as the horizontal resizers, as requested by design to fix the problem in the short term.
2021-01-20 15:05:18 -07:00
Šimon Brandner 14bf169631
Handle small codeblocks
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-01-20 15:01:23 +01:00