Commit Graph

133 Commits (aa10cf45a5876880474ba82a07096732d5f1d45b)

Author SHA1 Message Date
Šimon Brandner 9a67851479
Hide feeds with muted video in certain cases and fix colors
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-12 14:01:09 +02:00
Šimon Brandner 6ae1f533e9
Add min-width
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-12 13:50:25 +02:00
Šimon Brandner 0c55a6c5bf
Add presenting text
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-12 11:50:16 +02:00
Šimon Brandner e431f41e11
Fix feeds misbehaving
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-12 10:48:32 +02:00
Šimon Brandner 97b976b171
Adjust for sidebar
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-12 08:15:26 +02:00
Šimon Brandner 5608e92885
Add styling for CallViewSidebar
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-06-12 08:09:51 +02:00
Šimon Brandner c678211a42
Add styling for silencing
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-22 20:24:20 +02:00
Šimon Brandner 228b2ccf2d
Increase z-index of call controls
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-10 13:06:25 +02:00
Šimon Brandner 430808ae2e
Simplifie CSS
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-08 16:49:47 +02:00
Šimon Brandner 1f27354439
Add support for up to 4 feeds
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-07 21:34:56 +02:00
Šimon Brandner 198722eb41
Add classes for screensharing buttons
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-07 20:29:45 +02:00
Šimon Brandner fe5fb1885f
Add styling for CallPreview and make it fixed
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-03 15:39:24 +02:00
Šimon Brandner b8cb72345c
Remove unnecessary margin
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-05-03 15:39:00 +02:00
Ayush PS b42872daa4 Fixed the Dial Pad and finalized the changes 2021-05-02 22:10:15 +05:30
Šimon Brandner 551e8ecb8d
Merge branch 'develop' into feed
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-28 10:52:23 +02:00
Ayush PS 8660ab000e Merge branch 'develop' into DialPad 2021-04-28 08:55:44 +05:30
Ayush PS 7509481bb9 Added the LTR support for the dialpad 2021-04-28 02:46:43 +05:30
Š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
Ayush PS 3201ed2f0f Added color scheme for the numbers 2021-04-26 01:40:10 +05:30
Š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 cf21658e30
Use suggested box-shadow
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-04-23 18:29:10 +02: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 d757b7d788
Merge branch 'develop' into fix-pip-color 2021-04-23 14:10:29 +02: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
Š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
David Baker 82ba546142 WIP attended transfer 2021-03-25 19:56:21 +00:00
Ayush PS 1488457c33 Added the class -button-bg-color for all themes 2021-03-25 01:31:45 +05:30
Ayush PS 3df9557df2 Dial Pad UI fix 2021-03-24 14:00:09 +05:30
Š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
Š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
Š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
Šimon Brandner 9ffef8f072
Fix VoIP PIP frame color
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-03-01 13:44:22 +01:00
Šimon Brandner effb9666f2
Fix portrait videocalls
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-02-22 20:10:30 +01:00
David Baker d4470d2ed2 Actually this is right colour 2021-01-13 16:55:38 +00:00
David Baker 150e8c9d56 Fix incoming call box on dark theme 2021-01-13 15:31:26 +00:00
David Baker 4b43929aa3 Add in-call dialpad for DTMF sending
Requires https://github.com/matrix-org/matrix-js-sdk/pull/1573
2021-01-04 20:01:43 +00:00
David Baker 452fbb076b Add a dialpad UI for PSTN lookup
Queries the homeserver for PSTN protocol support, and if found,
the add-room button on the DM rooms list section opens a context
menu instead with a 'dial pad' option as well as the current 'start chat'
dialog. Entering a number into this and pressing dial performs
a thirdparty user query for the given string and starts a DM with that
user.
2020-12-23 19:02:01 +00:00
David Baker 0d4b2f48dc Probably better to just remove this 2020-12-21 11:25:04 +00:00
David Baker aee861956c Remove secondary call avatar
and change 'paused' to 'on hold'
2020-12-18 19:40:57 +00:00
David Baker 63e99ecf93 Visual fixups for call UI
* Add bottom margin on PiP view
 * Remove avatar blurring & pause icon for held calls
 * Change background of incoming call box to match PiP view
 * Put drop shadow & border radius on PiP view & incoming call box
   rather than the CallContainer they're in (so they each have their own
   drop shadow / rounded corners).
 * Add margin between incoming call box and PiP view
2020-12-18 18:08:04 +00:00
David Baker 89240b84fb Only want margins on the large view 2020-12-10 15:52:03 +00:00
David Baker 5282c6bbe8 Merge remote-tracking branch 'origin/develop' into dbkr/line_1_2 2020-12-10 12:36:11 +00:00
David Baker 8f24656603 Make margins & header font match widgets 2020-12-08 19:26:57 +00:00
David Baker 70964e43f6 Fix font weights in hold text 2020-12-08 19:05:58 +00:00
David Baker b9d70cb1a3 Fix indentation 2020-12-07 18:40:29 +00:00
David Baker 365d6982ce Add secondary call avatar to main voice content view 2020-12-07 18:28:43 +00:00
David Baker 8a58c9dea0 Update UI for two calls in the PiP view
and also merge hold_ui changes
2020-12-07 17:56:36 +00:00
David Baker 747d743bd0 Add 60% opacity black over the avatars when on hold 2020-12-07 16:22:57 +00:00
David Baker 3b25a3be98 Smaller avatar, more padding on text 2020-12-07 15:42:35 +00:00
David Baker c7f1d97b1a Round off the sharp corners
Before you have someone's eye out
2020-12-07 15:38:55 +00:00
David Baker ab71547c4c Don't let call room names push out their containers 2020-12-04 20:36:08 +00:00
David Baker 6916b5d7c6 Merge remote-tracking branch 'origin/develop' into dbkr/hold_ui 2020-12-03 17:57:22 +00:00
David Baker 0b15ab06d8 Merge remote-tracking branch 'origin/develop' into dbkr/line_1_2 2020-12-03 17:56:39 +00:00
David Baker 1ce63f0fa7 Line 1 / 2 Support
Support one active call plus one call on hold
2020-12-03 17:45:49 +00:00
David Baker 4a503fb32e Fix VoIP call plinth on dark theme
Fixes https://github.com/vector-im/element-web/issues/15873
2020-12-02 12:14:41 +00:00
David Baker 4ca35fabef Visual tweaks 2020-12-01 13:44:24 +00:00
David Baker 2a02e57a95 Add UI for hold functionality 2020-11-26 14:35:09 +00:00
David Baker 729d59160d Rename buttons in CSS & remove unused 2020-11-23 15:27:37 +00:00
David Baker 576ba21210 Comment nonzero opacity 2020-11-23 15:13:19 +00:00
David Baker 49bd66c377 Change fullscreen button to expand button in PIP view
and fix call controls which didn't appear in video call
2020-11-19 16:36:23 +00:00
David Baker 50965e41eb Remove call bar
Also hide video mute button on voice calls (awaiting clarification from design)
and fix mute keyboard shortcuts by moving them out of roomview & into
callview.
2020-11-19 15:15:31 +00:00
David Baker a2d58e2f1f Make new in-call UI work
* Buttons on the main view will disappear after 1 second of the user
not moving the mouse over the call view.
 * PIP view has no buttons, and not moveable yet
 * No call status in room view yet
 * Room status bar is still there currently
2020-11-18 14:22:38 +00:00
David Baker 6caca97942 lint 2020-11-12 18:12:38 +00:00
David Baker c921567831 WIP: the new call views work now
just need to add the buttons and then get rid of the status bar
2020-11-12 18:09:56 +00:00
David Baker 90bbc082dc
Copyright
Co-authored-by: Travis Ralston <travpc@gmail.com>
2020-11-05 09:25:52 +00:00
David Baker 90cdc2f341 Add the new css file 2020-10-30 13:47:43 +00:00
David Baker f828c6d494 Implement call hold
Currently just by adding /holdcall and /unholdcall slash commands

The only place the hold status of the call is currently represented
is when the call is a voice call and you're viewing a different room:
it's not wired up when you're viewing the room because that currently
uses the room status bar which it won't do with the new UI.

Also convert VideoFeed to typescript, and remove videoview because
it essentially just managed the fullscreen functionality, but we'll
want and 'on hold' representation (and probably chrome for hagnup etc)
in the fullscreen UI too, so let's just make CallView the thing that
gets fullscreened.
2020-10-29 17:56:24 +00:00
Michel Zimmer 80091f7db2 Fix call container avatar initial centering
Signed-off-by: Michel Zimmer <opensource@michel-zimmer.de>
2020-10-06 08:59:03 +02:00
Travis Ralston 8129333dcc Make the PIP Jitsi look and feel like the 1:1 PIP
* Similar sizing
* Fix pointers so the jitsi widget doesn't feel clickable when it's not
  * We might want to introduce click-to-visit-room for the Jitsi widget (like the 1:1 call), however the Jitsi widget has many more controls to worry about
* Remove the menu bar from the widget to avoid accidents
2020-09-16 22:38:12 -06:00
Michael Telatynski cca5ccd79d Switch widget resizing to re-resizable and add persistence 2020-08-21 16:29:07 +01:00
Travis Ralston c5d732a631 IncomingCallBox2 -> IncomingCallBox 2020-07-17 15:56:58 -06:00
Travis Ralston 7f5c501b2b CallView2 -> CallView 2020-07-17 15:55:30 -06:00
Travis Ralston cbf967ea69 Remove legacy call components 2020-07-17 15:53:13 -06:00
Jorik Schellekens 0d6e7759d0 Fix review details
- spelling mistake
- unwatch watched setting
- lint (indentation)
- use more performant component
2020-07-07 15:11:08 +01:00
Jorik Schellekens 5176685d20 Implement incoming call box 2020-07-06 23:05:00 +01:00
Jorik Schellekens 6cf9166c4a Use variables for the rem values.
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
2020-03-31 15:26:23 +01:00
Jorik Schellekens da34e6241d Make all 'font-size's and 'line-height's rem
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.

I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.

This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
2020-03-30 18:23:46 +01:00
J. Ryan Stinnett dd2079bffc Auto-fix stylelint issues
These `stylelint` issues were autofixed by the tool itself and look sane to me.
2019-07-10 16:56:40 +01:00
Matthew Hodgson 79d3cca6e9 move components' CSS to be in the same repo as their JS 2018-04-12 00:23:58 +01:00