imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve VoIP UI/UX (#7048)

Browse source 
* Remove speaking indicator

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove mic icon for primary feed

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Remove caching as it doesn't seem to be neccessary

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Add call view buttons colors

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Refactor button code

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Update call view button icons

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* i18n

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Add dialpad icon

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix button sizing in PiP

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

* Fix secondary voice video feed color

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-11-15 18:24:11 +01:00 • committed by GitHub
parent 431098b56b
commit bafeb38472
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
32 changed files with 247 additions and 383 deletions
Download patch file Download diff file Expand all files Collapse all files

10
res/themes/dark/css/_dark.scss
View file

@ -179,6 +179,16 @@ $eventbubble-bg-hover: #1C2026;
$eventbubble-reply-color: #C1C6CD;
// ********************
// VoIP
// ********************
$call-view-button-on-foreground: $primary-content;
$call-view-button-on-background: $system;
$call-view-button-off-foreground: $system;
$call-view-button-off-background: $primary-content;
$video-feed-secondary-background: $system;
// ********************
// One-off colors
// ********************
$kbd-border-color: #000000;

7
res/themes/legacy-dark/css/_legacy-dark.scss
View file

@ -117,7 +117,12 @@ $space-nav: rgba($panel-base, 0.1);
// ********************
$theme-button-bg-color: #e3e8f0;
$call-view-button-on-foreground: $primary-content;
$call-view-button-on-background: $system;
$call-view-button-off-foreground: $system;
$call-view-button-off-background: $primary-content;
$video-feed-secondary-background: $system;
$roomlist-button-bg-color: #1A1D23; // Buttons include the filter box, explore button, and sublist buttons
$roomlist-filter-active-bg-color: $roomlist-button-bg-color;

7
res/themes/legacy-light/css/_legacy-light.scss
View file

@ -176,6 +176,13 @@ $space-nav: rgba($tertiary-content, 0.15);
$voipcall-plinth-color: $system;
$call-view-button-on-foreground: $secondary-content;
$call-view-button-on-background: $background;
$call-view-button-off-foreground: $background;
$call-view-button-off-background: $secondary-content;
$video-feed-secondary-background: #394049; // XXX: Color from dark theme
$username-variant1-color: #368bd6;
$username-variant2-color: #ac3ba8;
$username-variant3-color: #03b381;

8
res/themes/light/css/_light.scss
View file

@ -259,7 +259,13 @@ $lightbox-background-bg-opacity: 0.95;
// VoIP
// ********************
$voipcall-plinth-color: $system;
// more colors to come
$call-view-button-on-foreground: $secondary-content;
$call-view-button-on-background: $background;
$call-view-button-off-foreground: $background;
$call-view-button-off-background: $secondary-content;
$video-feed-secondary-background: #394049; // XXX: Color from dark theme
// ********************
// One-off colors