mirror of
https://github.com/vector-im/hydrogen-web.git
synced 2024-12-23 03:25:12 +01:00
css fixes
- don't pronounce avatar initials - prevent room header growing wider than screen - ensure messages wrap their text
This commit is contained in:
parent
453e6e1e0c
commit
076582edc3
@ -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 {
|
||||||
|
@ -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%;
|
||||||
|
@ -31,7 +31,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.RoomHeader .room-description {
|
.RoomHeader .room-description {
|
||||||
flex: 1 1 0;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user