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

Fix link preview title going underneath the user list

Browse Source 
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
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/css/style.css
View File

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