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

Show encrypted lock icon in message as svg

Browse Source
This commit is contained in:
JC Brand 2022-01-29 11:31:09 +01:00
parent dd539c7675
commit b13c674047
3 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/shared/chat/templates/message.js
View File

@ -34,7 +34,7 @@ export default (el, o) => {
<span class="chat-msg__author"><a class="show-msg-author-modal" @click=${el.showUserModal}>${o.username}</a></span>
${ o.hats.map(h => html`<span class="badge badge-secondary">${h.title}</span>`) }
<time timestamp="${el.model.get('edited') || el.model.get('time')}" class="chat-msg__time">${o.pretty_time}</time>
${ o.is_encrypted ? html`<span class="fa fa-lock"></span>` : '' }
${ o.is_encrypted ? html`<converse-icon class="fa fa-lock" size="1.1em"></converse-icon>` : '' }
</span>` : '' }
<div class="chat-msg__body chat-msg__body--${o.message_type} ${o.received ? 'chat-msg__body--received' : '' } ${o.is_delayed ? 'chat-msg__body--delayed' : '' }">

1
src/shared/styles/_core.scss
View File

@ -223,6 +223,7 @@
}
&.fa, &.far, &.fas {
fill: var(--subdued-color);
color: var(--subdued-color);
&:hover {
color: var(--gray-color);

5
src/shared/styles/messages.scss
View File

@ -256,6 +256,11 @@
padding-right: 0.25em;
color: var(--text-color-lighten-15-percent);
}
.fa-lock {
svg {
padding-bottom: 2px;
}
}
}
&.chat-msg--action {
.chat-msg__message {