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

Implement new toast UI (#10467)

Browse source 
* Implement new toast UI

* Use PCSS vars and Caption component

* Add GenericToast-test

* Tweak call toast

* Fix code style
This commit is contained in:
Michael Weimann 2023-04-18 13:38:41 +02:00 • committed by GitHub
parent e350b4c2c2
commit 7632f36624
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 206 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

30
res/css/views/toasts/_IncomingLegacyCallToast.pcss
View file

@ -84,20 +84,19 @@ limitations under the License.
}
.mx_IncomingLegacyCallToast_buttons {
margin-top: 8px;
display: flex;
flex-direction: row;
gap: 12px;
.mx_IncomingLegacyCallToast_button {
@mixin LegacyCallButton;
padding: 0px 8px;
flex-shrink: 0;
flex-grow: 1;
font-size: $font-15px;
span {
padding: 8px 0;
align-items: center;
display: flex;
&::before {
background-color: $button-fg-color;
content: "";
display: inline-block;
margin-right: 8px;
mask-position: center;
mask-repeat: no-repeat;
}
}
&.mx_IncomingLegacyCallToast_button_accept span::before {
@ -133,6 +132,13 @@ limitations under the License.
}
}
.mx_IncomingLegacyCallToast_silence,
.mx_IncomingLegacyCallToast_unSilence {
position: absolute;
right: 0;
top: 0;
}
.mx_IncomingLegacyCallToast_silence::before {
mask-image: url("$(res)/img/voip/silence.svg");
}