supernets/hardlounge
supernets
/
hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #523 from thelounge/PR/fix-msg-width 

Remove table layout for chat messages (and fix layout issues yet again)
This commit is contained in:
Jérémie Astori 2017-04-01 02:40:03 -04:00 committed by GitHub
parent e54cc451ce fb672ab57f
commit 953325aca3
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
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,11 @@ 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; }
#chat .text {
flex: 1 1 auto;
} }
#loading a, #loading a,
@ -996,14 +998,6 @@ kbd {
color: #999; color: #999;
} }
#chat .msg.motd .text,
#chat .msg.message .text,
#chat .msg.action .action-text,
#chat .msg.notice .text {
white-space: pre-wrap;
overflow: hidden;
}
#chat .msg.channel_list_loading .text { #chat .msg.channel_list_loading .text {
color: #999; color: #999;
font-style: italic; font-style: italic;