0783f27f33
* Add decline button to call notification toast (use new notification event) - This make EW incompatible with the old style notify events. Signed-off-by: Timo K <toger5@hotmail.de> * update styling for call toast Signed-off-by: Timo K <toger5@hotmail.de> * skip lobby on join button click / dont skip lobby on toast click Signed-off-by: Timo K <toger5@hotmail.de> * dismiss toast on remote decline Signed-off-by: Timo K <toger5@hotmail.de> * fixup docstring and event_id Signed-off-by: Timo K <toger5@hotmail.de> * Add tests Signed-off-by: Timo K <toger5@hotmail.de> * remove unused var Signed-off-by: Timo K <toger5@hotmail.de> * test that decline event gets sent Signed-off-by: Timo K <toger5@hotmail.de> * make "go to lobby" accessible via keyboard (fix sonar cloud) Signed-off-by: Timo K <toger5@hotmail.de> * remove keyboard input Signed-off-by: Timo K <toger5@hotmail.de> * fix lint Signed-off-by: Timo K <toger5@hotmail.de> * use actual button Signed-off-by: Timo K <toger5@hotmail.de> * review style + toggle for join immediately Signed-off-by: Timo K <toger5@hotmail.de> * fix `getNotificationEventSendTs` Signed-off-by: Timo K <toger5@hotmail.de> * use story component Signed-off-by: Timo K <toger5@hotmail.de> * english text Signed-off-by: Timo K <toger5@hotmail.de> * dont use legacy toggle Signed-off-by: Timo K <toger5@hotmail.de> * fix lint Signed-off-by: Timo K <toger5@hotmail.de> * review Signed-off-by: Timo K <toger5@hotmail.de> * review (mostly docs) Signed-off-by: Timo K <toger5@hotmail.de> --------- Signed-off-by: Timo K <toger5@hotmail.de>
85 lines
2.1 KiB
Plaintext
85 lines
2.1 KiB
Plaintext
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
.mx_IncomingCallToast {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
pointer-events: initial; /* restore pointer events so the user can accept/decline */
|
|
|
|
$closeButtonSize: var(--cpd-space-4x);
|
|
|
|
.mx_IncomingCallToast_content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--cpd-space-4x);
|
|
padding: var(--cpd-space-3x);
|
|
width: 100%;
|
|
overflow: hidden;
|
|
|
|
.mx_IncomingCallToast_message {
|
|
font-size: var(--cpd-font-size-body-lg);
|
|
line-height: var(--cpd-font-size-heading-sm);
|
|
width: calc(100% - $closeButtonSize - 2 * var(--cpd-space-1x));
|
|
font-weight: var(--cpd-font-weight-semibold);
|
|
}
|
|
|
|
.mx_LiveContentSummary_participants::before {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
.mx_IncomingCallToast_buttons {
|
|
display: flex;
|
|
gap: var(--cpd-space-2x);
|
|
}
|
|
|
|
.mx_IncomingCallToast_actionButton {
|
|
position: relative;
|
|
|
|
align-self: flex-end;
|
|
|
|
box-sizing: border-box;
|
|
min-width: 120px;
|
|
|
|
padding: var(--cpd-space-1x) 0;
|
|
padding-right: var(--cpd-space-4x);
|
|
line-height: var(--cpd-space-6x);
|
|
}
|
|
}
|
|
|
|
.mx_IncomingCallToast_closeButton {
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
display: flex;
|
|
height: $closeButtonSize;
|
|
width: $closeButtonSize;
|
|
|
|
&::before {
|
|
content: "";
|
|
|
|
mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
|
|
|
|
height: inherit;
|
|
width: inherit;
|
|
background-color: $secondary-content;
|
|
mask-repeat: no-repeat;
|
|
mask-size: contain;
|
|
mask-position: center;
|
|
}
|
|
}
|
|
.mx_IncomingCallToast_toggleWithLabel {
|
|
display: flex;
|
|
span {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
}
|