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

Better accommodate long room names in call toasts (#9426)

Browse source 
* Better accommodate long room names in call toasts

* Use a font weight variable

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Robin 2022-10-14 14:50:50 -04:00 • committed by GitHub
parent 195065b217
commit 81533b905f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
res/css/views/toasts/_IncomingCallToast.pcss
View file

@ -21,11 +21,14 @@ limitations under the License.
pointer-events: initial; /* restore pointer events so the user can accept/decline */ pointer-events: initial; /* restore pointer events so the user can accept/decline */
width: 250px; width: 250px;
$closeButtonSize: 16px;
.mx_IncomingCallToast_content { .mx_IncomingCallToast_content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 8px; margin-left: 8px;
width: 100%; width: 100%;
overflow: hidden;
.mx_IncomingCallToast_info { .mx_IncomingCallToast_info {
margin-bottom: $spacing-16; margin-bottom: $spacing-16;
@ -33,10 +36,12 @@ limitations under the License.
.mx_IncomingCallToast_room { .mx_IncomingCallToast_room {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: $font-semi-bold;
font-size: $font-15px; font-size: $font-15px;
line-height: $font-24px; line-height: $font-24px;
/* Prevent overlap with the close button */
width: calc(100% - $closeButtonSize - 2 * $spacing-4);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -86,8 +91,8 @@ limitations under the License.
right: $spacing-4; right: $spacing-4;
display: flex; display: flex;
height: 16px; height: $closeButtonSize;
width: 16px; width: $closeButtonSize;
&::before { &::before {
content: ''; content: '';