Add icon to message

This commit is contained in:
MiniDigger 2019-10-22 19:38:13 +02:00
parent 19d69ba4c3
commit 8f7bee8dd3
2 changed files with 9 additions and 1 deletions

View File

@ -43,7 +43,7 @@
<span v-else-if="message.type === 'plugin'" class="from"> <span v-else-if="message.type === 'plugin'" class="from">
<template v-if="message.from && message.from.nick"> <template v-if="message.from && message.from.nick">
<span class="only-copy">[</span> <span class="only-copy">[</span>
*{{ message.from.nick }} {{ message.from.nick }}
<span class="only-copy">] </span> <span class="only-copy">] </span>
</template> </template>
</span> </span>

View File

@ -276,6 +276,7 @@ kbd {
#chat .whois .from::before, #chat .whois .from::before,
#chat .nick .from::before, #chat .nick .from::before,
#chat .action .from::before, #chat .action .from::before,
#chat .plugin .from::before,
#chat .raw .from::before, #chat .raw .from::before,
#chat .toggle-button::after, #chat .toggle-button::after,
#chat .toggle-content .more-caret::before, #chat .toggle-content .more-caret::before,
@ -438,6 +439,13 @@ kbd {
content: "\f005"; /* http://fontawesome.io/icon/star/ */ content: "\f005"; /* http://fontawesome.io/icon/star/ */
} }
#chat .plugin .from::before {
content: "\f1e6"; /* http://fontawesome.io/icon/plug/ */
transform: rotate(45deg);
display: inline-block;
padding: 1px;
}
#chat .toggle-button { #chat .toggle-button {
display: inline-block; display: inline-block;
transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s;