|
|
@ -414,7 +414,10 @@ class MessageTemplate extends LitElement { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
`}
|
|
|
|
`}
|
|
|
|
${image && !isImageDeleted ? html` |
|
|
|
${image && !isImageDeleted ? html` |
|
|
|
<div class=${[`image-container`, !this.isImageLoaded ? 'defaultSize' : ''].join(' ')}> |
|
|
|
<div
|
|
|
|
|
|
|
|
class=${[`image-container`, !this.isImageLoaded ? 'defaultSize' : ''].join(' ')} |
|
|
|
|
|
|
|
style=${this.isFirstMessage && "margin-top: 10px;"} |
|
|
|
|
|
|
|
> |
|
|
|
${imageHTML}<vaadin-icon |
|
|
|
${imageHTML}<vaadin-icon |
|
|
|
@click=${() => this.sendMessage({ |
|
|
|
@click=${() => this.sendMessage({ |
|
|
|
type: 'delete', |
|
|
|
type: 'delete', |
|
|
@ -425,7 +428,10 @@ class MessageTemplate extends LitElement { |
|
|
|
class="image-delete-icon" icon="vaadin:close" slot="icon"></vaadin-icon> |
|
|
|
class="image-delete-icon" icon="vaadin:close" slot="icon"></vaadin-icon> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
` : html``}
|
|
|
|
` : html``}
|
|
|
|
<div id="messageContent" class="message"> |
|
|
|
<div
|
|
|
|
|
|
|
|
id="messageContent"
|
|
|
|
|
|
|
|
class="message"
|
|
|
|
|
|
|
|
style=${(image && replacedMessage !== "") &&"margin-top: 15px;"}> |
|
|
|
${unsafeHTML(this.emojiPicker.parse(replacedMessage))} |
|
|
|
${unsafeHTML(this.emojiPicker.parse(replacedMessage))} |
|
|
|
<div class="${((this.isFirstMessage === false &&
|
|
|
|
<div class="${((this.isFirstMessage === false &&
|
|
|
|
this.isSingleMessageInGroup === true &&
|
|
|
|
this.isSingleMessageInGroup === true &&
|
|
|
|