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