css fixes

- don't pronounce avatar initials
 - prevent room header growing wider than screen
 - ensure messages wrap their text
This commit is contained in:
Bruno Windels 2019-09-28 09:45:14 +02:00
parent 453e6e1e0c
commit 076582edc3
4 changed files with 5 additions and 1 deletions

View File

@ -15,6 +15,7 @@
letter-spacing: calc(var(--avatar-size) * -0.05); letter-spacing: calc(var(--avatar-size) * -0.05);
background: white; background: white;
color: black; color: black;
speak: none;
} }
.avatar.large { .avatar.large {

View File

@ -48,6 +48,7 @@ body {
.TimelinePanel { .TimelinePanel {
flex: 3; flex: 3;
min-height: 0; min-height: 0;
min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;

View File

@ -31,7 +31,7 @@
} }
.RoomHeader .room-description { .RoomHeader .room-description {
flex: 1 1 0; flex: 1;
min-width: 0; min-width: 0;
} }

View File

@ -15,6 +15,8 @@
padding: 5px 10px; padding: 5px 10px;
margin: 5px 10px; margin: 5px 10px;
background: blue; background: blue;
/* first try break-all, then break-word, which isn't supported everywhere */
word-break: break-all;
word-break: break-word; word-break: break-word;
} }