Commit graph

2334 commits

Author SHA1 Message Date
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
Aaron Raimist
31ff05a862 Merge branch 'develop' into warn-on-access-token-reveal 2021-04-27 19:25:38 -05:00
Aaron Raimist
6754a0b483
Switch to <details>
Signed-off-by: Aaron Raimist <aaron@raim.ist>
2021-04-27 19:12:22 -05:00
Travis Ralston
c1bb0bb0b8 Add a delete button 2021-04-27 15:02:15 -06:00
Travis Ralston
30e120284d Add simple play/pause controls 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
Michael Telatynski
4f02dc9050 delint 2021-04-27 17:19:34 +01:00
Michael Telatynski
46d35411b4 Add animated mx_BetaDot atop the legacy Communities button 2021-04-27 17:01:22 +01:00
Michael Telatynski
c5f653245a Show Spaces beta card in Labs & My Communities view
the image is temporary
2021-04-27 16:29:42 +01:00
J. Ryan Stinnett
33617b0375
Merge pull request #5701 from SimonBrandner/fix-pip-color
Fix VoIP PIP frame color
2021-04-27 14:42:20 +01:00
Šimon Brandner
9b2eb8ebc0
Set box-shadow opacity to 20%
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-27 15:27:11 +02:00
Šimon Brandner
dacb161a64
Fix the look of video feeds
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-27 12:03:01 +02:00
Šimon Brandner
e79f94d01e
Somewhat fix the local video issues
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-26 20:49:11 +02: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
J. Ryan Stinnett
9401a6d6dc
Merge pull request #5916 from SimonBrandner/image-view-zoom
Dynamic max and min zoom in the new ImageView
2021-04-26 15:46:26 +01:00
Michael Telatynski
8656212eb9 Space creation prompt user to add existing rooms instead of creating new ones 2021-04-26 12:41:04 +01:00
Šimon Brandner
1a906c95da
Merge branch 'develop' into image-view-zoom 2021-04-24 09:14:30 +02:00
Šimon Brandner
dad7a22055
Initial code for dynamic minZoom
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-24 08:03:39 +02:00
Travis Ralston
82119ad595 Merge branch 'develop' into travis/error-states 2021-04-23 15:53:37 -06:00
Šimon Brandner
fbb8cfb188
Rework how media element are handled
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-23 19:41:55 +02:00
Šimon Brandner
c54aa86532
Merge branch 'develop' into feed 2021-04-23 18:32:05 +02:00
Šimon Brandner
cf21658e30
Use suggested box-shadow
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-23 18:29:10 +02:00
Robin Townsend
3d7842d696 Remove old FormButton CSS
Signed-off-by: Robin Townsend <robin@robin.town>
2021-04-23 10:25:04 -04:00
Robin Townsend
0f84b3dff3 Align checkboxes with names in add rooms to space dialog
Signed-off-by: Robin Townsend <robin@robin.town>
2021-04-23 10:25:04 -04:00
Robin Townsend
024cf7f66c Cut off long names in add rooms to space dialog
Signed-off-by: Robin Townsend <robin@robin.town>
2021-04-23 10:24:50 -04:00
Šimon Brandner
2d17ba445a
Increase drop shadow alpha to 0.45
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-23 15:33:10 +02:00
Šimon Brandner
ec908bc8be
Merge branch 'develop' into fix-pip-color 2021-04-23 14:40:58 +02:00
Šimon Brandner
d757b7d788
Merge branch 'develop' into fix-pip-color 2021-04-23 14:10:29 +02:00
Michael Telatynski
d9dac7b261
Merge pull request #5898 from matrix-org/t3chguy/fix/16976
Iterate the spaces face pile design
2021-04-22 09:29:00 +01:00
Michael Telatynski
ca07b1ed04
Update res/css/views/elements/_FacePile.scss
Co-authored-by: Germain <germain@souquet.com>
2021-04-22 09:06:53 +01:00
Michael Telatynski
60828913d2 Iterate the spaces face pile design 2021-04-22 08:13:03 +01: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
Michael Telatynski
542890f5e8
Merge pull request #5885 from SimonBrandner/dumb-change
A tiny change to make the Add existing rooms dialog a little nicer
2021-04-20 08:53:33 +01:00
Šimon Brandner
910a3e5f31
A little nicer spacing
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-19 20:59:54 +02:00
Šimon Brandner
b52d6e3d97
A tiny change to make the dialog a little nicer
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-19 20:52:40 +02: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
Šimon Brandner
2cfd4659e1
Add separate mx_CallView_content class
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-16 12:50:23 +02: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
87b87bfad4
Merge pull request #5855 from matrix-org/gsouquet-irc-layout 2021-04-14 09:21:34 +01:00
Germain Souquet
cd48a8f3ab merge .mx_ReplyThread declaration in _IRCLayout.css 2021-04-14 08:15:32 +01:00
Travis Ralston
ac00c80efb
Merge pull request #5521 from SimonBrandner/improve-image-view
Improve image view
2021-04-13 19:01:27 -06: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
Travis Ralston
106de5f7ba Merge branch 'develop' into travis/reset-passphrase 2021-04-12 14:55:31 -06:00
RiotRobot
a008c3d4e6 Merge branch 'master' into develop 2021-04-12 14:56:05 +01:00
RiotRobot
8af81ea90f Revert "Change to inset"
Safari doesn't support `inset`.

This reverts commit b3706b682e.
2021-04-12 14:37:11 +01:00
J. Ryan Stinnett
19d7ccac07 Rename toggle to view 2021-04-12 13:56:09 +01:00
J. Ryan Stinnett
b3706b682e Change to inset 2021-04-12 13:56:09 +01:00
J. Ryan Stinnett
32049f849c Remove blur effect 2021-04-12 13:56:09 +01:00
J. Ryan Stinnett
650421eefb 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 13:56:09 +01:00
J. Ryan Stinnett
8a1180bd50 Rename toggle to view 2021-04-12 13:19:13 +01:00
J. Ryan Stinnett
0e5e48584f Change to inset 2021-04-12 13:18:03 +01:00
J. Ryan Stinnett
7f796640f6 Remove blur effect 2021-04-12 13:11:27 +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
Šimon Brandner
7f496c7bf5
Add comment: same on all themes
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-09 08:04:07 +02:00
Travis Ralston
01c5f84f60 Merge branch 'develop' into travis/reset-passphrase 2021-04-08 18:07:46 -06: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
Šimon Brandner
adb0877591
Merge branch 'develop' into feed 2021-04-07 19:17:35 +02:00
Travis Ralston
6e6a26f86a
Merge pull request #5710 from SimonBrandner/resizable-call-view
Resizable CallView
2021-04-07 11:02:46 -06:00
Germain Souquet
7627ea13fe Merge branch 'develop' into gsouquet-scroll-to-live-reset-hash 2021-04-07 09:54:12 +01:00
J. Ryan Stinnett
5d027ffcf4
Merge pull request #5694 from robintown/show-invite-reasons
Show invite reasons
2021-04-06 10:48:54 +01:00
Šimon Brandner
202ead40c4
Merge branch 'develop' into resizable-call-view 2021-04-04 11:35:26 +02:00
Šimon Brandner
27ec3af03a
Merge branch 'develop' into feed
Looking forward to merging again! :D

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-03 09:15:55 +02:00
Šimon Brandner
12a36d1a30
This is hopefully not true anymore
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-02 10:44:40 +02:00
Šimon Brandner
535ae086b4
Make sender bold
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-02 08:31:42 +02:00
Šimon Brandner
9606297f7c
Merge branch 'develop' into improve-image-view
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-02 08:15:51 +02: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
David Baker
299467c515 Merge remote-tracking branch 'origin/develop' into dbkr/attended_transfer 2021-03-31 10:14:48 +01:00
Travis Ralston
262475f96e Add a button to reset personal encryption state during login 2021-03-30 15:37:06 -06:00
Travis Ralston
54412878a1 Merge branch 'develop' into travis/voice-messages/waveform 2021-03-29 22:59:51 -06:00
Michael Telatynski
4341dfb314 Iterate facepiles, fix default avatar alignment and sort explicit avatars first 2021-03-26 11:55:22 +00:00
Michael Telatynski
09601f1071 Add display name tooltip to the facepile avatars 2021-03-26 00:05:05 +00:00
Travis Ralston
1419ac6b69 Hook up a clock and implement proper design 2021-03-25 17:12:26 -06:00
David Baker
82ba546142 WIP attended transfer 2021-03-25 19:56:21 +00: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
ea77ab125e Show a face pile on a space preview 2021-03-25 16:15:34 +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
Travis Ralston
449e028bbd Actually use a waveform instead of the frequency data 2021-03-24 23:31:02 -06:00
Travis Ralston
8ddd14e252 Early concept for rendering the frequency waveform 2021-03-24 22:17:45 -06: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
Michael Telatynski
6e0ab86168 Small usability tweaks to the add existing to space dialog 2021-03-24 14:10:26 +00:00
Michael Telatynski
fb46815b6a Spaces move away from Form Buttons 2021-03-24 13:15:31 +00:00
Germain Souquet
0db31dfeae fix: CIDER formatting buttons on Safari 2021-03-22 15:05:22 +00:00
Michael Telatynski
128c7db28e
Merge pull request #5777 from matrix-org/t3chguy/spaces4.9
Spaces improve creation journeys
2021-03-22 13:24:10 +00:00
Šimon Brandner
4bb279b632
Merge branch 'develop' into resizable-call-view 2021-03-22 07:57:52 +01: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
Michael Telatynski
1fbbb67e74 Consolidate button styles in Space creation flows 2021-03-19 13:20:30 +00:00
Michael Telatynski
3718d550c5 Fix space creation menu shade width 2021-03-19 13:20:30 +00:00
Šimon Brandner
431a2c033d
Merge branch 'develop' into feed
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-17 16:13:40 +01:00
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
Šimon Brandner
c96d2621a0
Set max-width and MIN_ZOOM
This might have some side effects but as far as I can tell they shouldn't be too problematic

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-16 19:57:14 +01:00
Šimon Brandner
787a62846e
Merge branch 'develop' into resizable-call-view
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-16 07:55:56 +01:00
Šimon Brandner
8f6f9cd6fa
Remove some unnecessary CSS and set MIN_ZOOM to 95
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-15 20:37:39 +01:00
Šimon Brandner
9c313854d0
Increase defautl size
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-15 19:23:40 +01:00
Šimon Brandner
b27a8e3c3a
Merge branch 'develop' into improve-image-view
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-14 08:30:28 +01:00
Travis Ralston
a9a4bd50ca Merge branch 'develop' into travis/media-customization 2021-03-11 08:37:49 -07:00
Michael Telatynski
081e745417
Merge pull request #5751 from matrix-org/t3chguy/spaces4.7
Rebuild space previews with new designs
2021-03-11 14:06:31 +00:00
J. Ryan Stinnett
6a939c4de8
Merge pull request #5727 from matrix-org/matthew/rework-cross-signing-login
Rework cross-signing login flow
2021-03-11 12:53:55 +00:00
Michael Telatynski
6d81634eec Rebuild space previews with new designs 2021-03-11 11:49:43 +00:00
Travis Ralston
a7debdd946 Fix tinting for download icon
As shown in https://github.com/vector-im/element-web/issues/16546
2021-03-10 12:32:18 -07:00
Šimon Brandner
bb13dc49a6
Make CallView use CallFeed
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-10 12:18:57 +01:00
Michael Telatynski
98338f1505
Merge pull request #5736 from matrix-org/t3chguy/spaces4.5
Spaces suggested rooms support
2021-03-10 10:56:17 +00: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
Michael Telatynski
81e1f36c4b Tidy up TemporaryTile now that it isn't temporary 2021-03-09 11:19:41 +00:00
Matthew Hodgson
72f28240aa fix AccessibleButton layout some more 2021-03-08 23:28:54 +00:00
Matthew Hodgson
c543f0a2d0 fix AccessibleButton label positioning now they can wrap 2021-03-08 22:29:08 +00:00
Matthew Hodgson
b3cd6fcc9b vertically align labels in AccessibleButtons if their height is pushed out by wrapped text elsewhere 2021-03-08 17:59:02 +00:00
Travis Ralston
52621946de
Merge pull request #5723 from matrix-org/travis/uploads
Refresh UI for file uploads
2021-03-08 08:52:51 -07: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
Matthew Hodgson
c02d03cc5b Merge branch 'develop' of git+ssh://github.com/matrix-org/matrix-react-sdk into develop 2021-03-08 04:57:10 +00:00
Matthew Hodgson
1427aa4203 fix mx_EncryptionInfo_spinner padding in dialogs 2021-03-08 04:41:51 +00:00
Travis Ralston
757597e55f Fixed review concerns 2021-03-05 16:29:14 -07:00
Travis Ralston
711181cc69 Rough style for new upload bar
This repurposes ProgressBar which was not used anywhere in code.
2021-03-05 14:14:43 -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
65ac063a09
Merge pull request #5715 from 2580ayush2580/ayush258012
Fix Bottom border of state counters is white on the dark theme
2021-03-04 20:28:52 -07:00
Travis Ralston
d7310bc5b3 Remove dead classes 2021-03-04 20:17:29 -07:00
Travis Ralston
5d6e3d5711 UI refresh for uploaded files
Fixes https://github.com/vector-im/element-web/issues/16557
Fixes https://github.com/vector-im/element-web/issues/9482 (technically)

There's two changes in this:
1. The actual file body in the timeline now has a placeholder thing.
2. We're intentionally dropping all the "Travis uploaded a file" sender profile states.
2021-03-04 20:07:48 -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
Jason Robinson
f2d2a048e1 Ensure HostSignupDialog border colour matches light theme
Ensure dialog borders are always white as the HostSignupDialog
does not yet support dark mode or theming in general.
In the future we might want to pass the theme to the called
iframe, should some hosting provider have that need.
2021-03-04 11:07:14 +02:00
Ayush Kumar
1cb19554eb Fix Bottom border of state counters is white on the dark theme 2021-03-04 14:03:02 +05:30
Šimon Brandner
0e5297fcb0
Fix local feed size
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-03 16:44:43 +01:00
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
Šimon Brandner
2e535d2a99
Fix CSS to make it work with resizing
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-02 20:33:34 +01:00
Šimon Brandner
f86e6fe643
Add resize CallViewForRoom CSS
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-02 20:32:13 +01:00
Travis Ralston
c74224a1b7 Merge branch 'develop' into travis/message-states 2021-03-02 10:40:49 -07:00