Add icon to message
This commit is contained in:
parent
19d69ba4c3
commit
8f7bee8dd3
@ -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>
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user