OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

* 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>
pull/28788/head^2
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
Show Stats 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 */
width: 250px;
$closeButtonSize: 16px;
.mx_IncomingCallToast_content {
display: flex;
flex-direction: column;
margin-left: 8px;
width: 100%;
overflow: hidden;
.mx_IncomingCallToast_info {
margin-bottom: $spacing-16;
@ -33,10 +36,12 @@ limitations under the License.
.mx_IncomingCallToast_room {
display: inline-block;
font-weight: bold;
font-weight: $font-semi-bold;
font-size: $font-15px;
line-height: $font-24px;
/* Prevent overlap with the close button */
width: calc(100% - $closeButtonSize - 2 * $spacing-4);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@ -86,8 +91,8 @@ limitations under the License.
right: $spacing-4;
display: flex;
height: 16px;
width: 16px;
height: $closeButtonSize;
width: $closeButtonSize;
&::before {
content: '';