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

make sure long subtitles dont overflow

pull/21833/head
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;