Location share type UI (#7924)

* copyright

Signed-off-by: Kerry Archibald <kerrya@element.io>

* empty line

Signed-off-by: Kerry Archibald <kerrya@element.io>

* functional picker

Signed-off-by: Kerry Archibald <kerrya@element.io>

* most style

Signed-off-by: Kerry Archibald <kerrya@element.io>

* nice style for options

Signed-off-by: Kerry Archibald <kerrya@element.io>

* get ShareType test passing

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add maplibre mock

Signed-off-by: Kerry Archibald <kerrya@element.io>

* lint and test

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add section to themes for location sharing cols

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add svg mock

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use same mock string as imageMock

Signed-off-by: Kerry Archibald <kerrya@element.io>

* newline

Signed-off-by: Kerry Archibald <kerrya@element.io>

* lint

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add live location icon

Signed-off-by: Kerry Archibald <kerrya@element.io>

* rename useEnabledShareTypes

Signed-off-by: Kerry Archibald <kerrya@element.io>

* use solid color for live border

* use ternary

Signed-off-by: Kerry Archibald <kerrya@element.io>

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Kerry 2022-03-02 14:00:40 +01:00 committed by GitHub
parent 547144a565
commit b480bffab0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 354 additions and 298 deletions

View file

@ -182,6 +182,11 @@ $call-view-button-off-background: $primary-content;
$video-feed-secondary-background: $system;
// ********************
// Location sharing
// ********************
$location-live-color: #5c56f5;
// ********************
// Location sharing
// ********************
.maplibregl-ctrl-attrib-button {

View file

@ -188,6 +188,12 @@ $eventbubble-others-bg: $event-selected-color;
$eventbubble-bg-hover: #1C2026;
$eventbubble-reply-color: #C1C6CD;
// Location sharing
// ********************
$location-marker-color: #ffffff;
$location-live-color: #5c56f5;
// ********************
// ***** Mixins! *****
@define-mixin mx_DialogButton {

View file

@ -36,7 +36,6 @@ $accent-alt: #238cf5;
$selection-fg-color: $primary-bg-color;
$focus-brightness: 105%;
$location-marker-color: #ffffff;
$other-user-pill-bg-color: rgba(0, 0, 0, 0.1);
@ -284,6 +283,12 @@ $pinned-color: $tertiary-content;
$groupFilterPanel-divider-color: $tertiary-content;
// Location sharing
// ********************
$location-marker-color: #ffffff;
$location-live-color: #5c56f5;
// ********************
// ***** Mixins! *****
@define-mixin mx_DialogButton {

View file

@ -283,7 +283,6 @@ $pinned-color: $tertiary-content;
$avatar-initial-color: $background;
$primary-hairline-color: transparent;
$focus-brightness: 105%;
$location-marker-color: #ffffff;
// ********************
// blur amounts for left left panel (only for element theme)
@ -298,6 +297,12 @@ $location-marker-color: #ffffff;
$copy-button-url: "$(res)/img/feather-customised/clipboard.svg";
// ********************
// Location sharing
// ********************
$location-marker-color: #ffffff;
$location-live-color: #5c56f5;
// ********************
// Mixins
// ********************
@define-mixin mx_DialogButton {