mirror of
https://github.com/thelounge/thelounge
synced 2024-11-22 20:13:07 +00:00
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:
parent
d842517c4e
commit
dce42df050
1 changed files with 10 additions and 12 deletions
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue