Do not truncate link previews if viewport can fit more text

Fixes #1084
This commit is contained in:
Pavel Djundik 2017-07-03 14:43:16 +03:00
parent 17978af710
commit c62bc2fa35
2 changed files with 13 additions and 6 deletions

View File

@ -1129,15 +1129,20 @@ kbd {
} }
#chat .toggle-content .thumb { #chat .toggle-content .thumb {
float: left;
margin-right: 6px; margin-right: 6px;
max-width: 48px; max-width: 48px;
max-height: 32px; max-height: 32px;
} }
#chat .toggle-text {
min-width: 0;
display: flex;
flex-direction: column;
white-space: nowrap;
}
#chat .toggle-content .head, #chat .toggle-content .head,
#chat .toggle-content .body { #chat .toggle-content .body {
white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
@ -1151,7 +1156,7 @@ kbd {
} }
#chat .toggle-content.show { #chat .toggle-content.show {
display: inline-block !important; display: inline-flex !important;
} }
#chat .count { #chat .count {

View File

@ -9,9 +9,11 @@
{{#if thumb}} {{#if thumb}}
<img src="{{thumb}}" class="thumb"> <img src="{{thumb}}" class="thumb">
{{/if}} {{/if}}
<div class="head">{{head}}</div> <div class="toggle-text">
<div class="body"> <div class="head">{{head}}</div>
{{body}} <div class="body">
{{body}}
</div>
</div> </div>
{{/equal}} {{/equal}}
</a> </a>