diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js index bacfd3e94..59e1db57d 100644 --- a/src/components/chat_message/chat_message.js +++ b/src/components/chat_message/chat_message.js @@ -106,6 +106,20 @@ const ChatMessage = { messageChainId: this.chatItem.messageChainId, }) }, + visibilityIcon(visibility) { + switch (visibility) { + case 'private': + return 'lock' + case 'unlisted': + return 'lock-open' + case 'direct': + return 'envelope' + case 'local': + return 'igloo' + default: + return 'globe' + } + }, async deleteMessage() { const confirmed = window.confirm(this.$t('chats.delete_confirm')) if (confirmed) { diff --git a/src/components/chat_message/chat_message.scss b/src/components/chat_message/chat_message.scss index 4fcb81c33..2f65fbd11 100644 --- a/src/components/chat_message/chat_message.scss +++ b/src/components/chat_message/chat_message.scss @@ -33,7 +33,6 @@ .chat-message { display: flex; - padding-bottom: 0.5em; .status-body:hover { --_still-image-img-visibility: visible; @@ -124,10 +123,6 @@ } } - .-pending { - color: red !important; - } - .chat-message-inner.with-media { width: 100%; @@ -143,8 +138,8 @@ .chat-message-date-separator { text-align: center; - margin: 1.4em 0; font-size: 0.9em; + line-height: 2; user-select: none; color: var(--textFaint); } diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue index feb236955..971d9ebd6 100644 --- a/src/components/chat_message/chat_message.vue +++ b/src/components/chat_message/chat_message.vue @@ -81,6 +81,17 @@ + + +