deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-17 13:46:36 +02:00
Code Issues Projects Releases Wiki Activity

Remove table layout for chat messages (and fix layout issues yet again)

Browse source
This commit is contained in:
Maxime Poulin 2016-09-03 21:29:48 -04:00 committed by Jérémie Astori
parent 41e3975674
commit 35b6b47de3
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
client/css/style.css
View file

@ -832,15 +832,15 @@ kbd {
}
#chat .messages {
display: table;
table-layout: fixed;
width: 100%;
padding: 10px 0;
}
#chat .msg {
word-wrap: break-word;
word-break: break-word; /* Webkit-specific */
display: flex;
overflow: hidden;
position: relative;
}
#chat .unread-marker {
@ -912,16 +912,15 @@ kbd {
#chat .time,
#chat .from,
#chat .text {
display: table-cell;
display: block;
padding: 2px 0;
vertical-align: top;
flex: 0 0 auto;
}
#chat .time {
color: #ddd;
text-align: right;
max-width: 46px;
min-width: 46px;
width: 46px;
}
#chat .from {
@ -929,8 +928,14 @@ kbd {
color: #b1c3ce;
padding-right: 10px;
text-align: right;
max-width: 134px;
min-width: 134px;
width: 134px;
align-self: stretch;
}
#chat .text {
margin: auto;
overflow: hidden;
flex: 1 1 auto;
}
#loading a,