Trim long display names

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-08-16 10:08:16 +02:00
parent 65eedd00b0
commit c856d433d6
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D

View file

@ -95,17 +95,23 @@ limitations under the License.
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-left: 12px; margin-left: 12px;
min-width: 0;
.mx_CallEvent_info_basic { .mx_CallEvent_info_basic {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 10px; // To match mx_CallEvent margin-left: 10px; // To match mx_CallEvent
min-width: 0;
.mx_CallEvent_sender { .mx_CallEvent_sender {
font-weight: 600; font-weight: 600;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.8rem; line-height: 1.8rem;
margin-bottom: 3px; margin-bottom: 3px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.mx_CallEvent_type { .mx_CallEvent_type {
@ -142,6 +148,7 @@ limitations under the License.
color: $secondary-fg-color; color: $secondary-fg-color;
margin-right: 16px; margin-right: 16px;
gap: 8px; gap: 8px;
min-width: max-content;
.mx_CallEvent_content_button { .mx_CallEvent_content_button {
height: 24px; height: 24px;