Fix link preview title going underneath the user list

Also fix the preview description not respecting the ellipsis, and update the image size and margin to nicely align with text.
This commit is contained in:
Jérémie Astori 2017-04-04 02:30:16 -04:00
parent d842517c4e
commit dce42df050

View file

@ -933,6 +933,7 @@ kbd {
#chat .text {
flex: 1 1 auto;
overflow: hidden;
}
#loading a,
@ -1103,7 +1104,7 @@ kbd {
color: #222;
font-size: 12px;
max-width: 100%;
padding: 6px 8px;
padding: 6px;
margin-top: 2px;
overflow: hidden;
}
@ -1116,31 +1117,28 @@ kbd {
max-width: 100%;
max-height: 128px;
display: block;
margin: 2px 0;
}
#chat .toggle-content .thumb {
float: left;
margin-right: 10px;
margin-right: 6px;
max-width: 48px;
max-height: 36px;
max-height: 32px;
}
#chat .toggle-content .head {
font-weight: bold;
#chat .toggle-content .head,
#chat .toggle-content .body {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#chat .toggle-content .head {
font-weight: bold;
}
#chat .toggle-content .body {
color: #999;
max-width: 460px;
word-break: normal;
word-wrap: break-word;
overflow: hidden;
max-height: 30px;
text-overflow: ellipsis;
}
#chat .toggle-content.show {