Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Remove line-breaks from message image markup

Browse Source 
We use `white-space: pre-wrap` to render the messages, so line-breaks in
the markup add unnecessary space.
This commit is contained in:
JC Brand 2021-06-01 14:56:43 +02:00
parent 994e528b45
commit 1598640c80
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/shared/directives/image.js
View File

@ -6,16 +6,14 @@ import { html } from 'lit';
class ImageDirective extends AsyncDirective {
render (src, href, onLoad, onClick) {
return html`
<a href="${href}" class="chat-image__link" target="_blank" rel="noopener"
return html`<a href="${href}" class="chat-image__link" target="_blank" rel="noopener"
><img
class="chat-image img-thumbnail"
src="${src}"
@click=${onClick}
@error=${() => this.onError(src, href, onLoad, onClick)}
@load=${onLoad}
/></a>
`;
/></a>`;
}
onError (src, href, onLoad, onClick) {