PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

make sure long subtitles dont overflow

Browse source
This commit is contained in:
Bruno Windels 2019-04-16 16:19:50 +02:00
parent 36951dd7b7
commit e40757a801
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
res/css/views/rooms/_RoomPreviewBar.scss
View file

@ -16,7 +16,6 @@ limitations under the License.
.mx_RoomPreviewBar { .mx_RoomPreviewBar {
flex: 0 0 auto; flex: 0 0 auto;
text-align: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -38,6 +37,7 @@ limitations under the License.
width: auto; width: auto;
height: auto; height: auto;
margin: 10px 10px 10px 0; margin: 10px 10px 10px 0;
flex: 0 0 auto;
} }
} }
@ -52,6 +52,11 @@ limitations under the License.
.mx_RoomPreviewBar_message { .mx_RoomPreviewBar_message {
display: flex; display: flex;
align-items: stretch;
p {
overflow-wrap: break-word;
}
} }
.mx_RoomPreviewBar_panel { .mx_RoomPreviewBar_panel {
@ -75,7 +80,6 @@ limitations under the License.
min-width: 0; min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: start;
&>* { &>* {
margin: 4px; margin: 4px;
@ -90,6 +94,7 @@ limitations under the License.
border-radius: 4px; border-radius: 4px;
flex-direction: column; flex-direction: column;
padding: 20px; padding: 20px;
text-align: center;
.mx_RoomPreviewBar_message { .mx_RoomPreviewBar_message {
flex-direction: column; flex-direction: column;