Tweak compact display option
This commit is contained in:
parent
b5d0885c23
commit
1d29c6da18
|
@ -3633,7 +3633,7 @@ export default {
|
|||
</div>
|
||||
<div class="card-content" id="chatHistory"
|
||||
:class="{ 'has-background-dm': isDM,
|
||||
'p-1': messageStyle.indexOf('compact') === 0 }">
|
||||
'p-1 pb-5': messageStyle.indexOf('compact') === 0 }">
|
||||
|
||||
<div class="autoscroll-field tag">
|
||||
<label class="checkbox is-size-6" title="Automatically scroll when new chat messages come in.">
|
||||
|
|
|
@ -361,31 +361,38 @@ export default {
|
|||
|
||||
<!-- Name/username/message -->
|
||||
<div class="column px-1">
|
||||
[<a :href="profileURL"
|
||||
@click.prevent="openProfile()"
|
||||
:class="{ 'cursor-default': !profileURL }">
|
||||
<!-- Display name? -->
|
||||
<strong v-if="(message.isChatServer || message.isChatClient || message.isAdmin)
|
||||
|| (appearance === 'compact' && nickname !== message.username)"
|
||||
<strong
|
||||
:class="{
|
||||
'has-text-success is-dark': message.isChatServer,
|
||||
'has-text-warning is-dark': message.isAdmin,
|
||||
'has-text-danger': message.isChatClient
|
||||
}">
|
||||
[<a :href="profileURL"
|
||||
@click.prevent="openProfile()"
|
||||
class="has-text-dark"
|
||||
:class="{
|
||||
'has-text-success is-dark': message.isChatServer,
|
||||
'has-text-warning is-dark': message.isAdmin,
|
||||
'has-text-danger': message.isChatClient
|
||||
}">
|
||||
{{ nickname }}
|
||||
</strong>
|
||||
:class="{ 'cursor-default': !profileURL }">
|
||||
<!-- Display name? -->
|
||||
<span v-if="(message.isChatServer || message.isChatClient || message.isAdmin)
|
||||
|| (appearance === 'compact' && nickname !== message.username)"
|
||||
:class="{
|
||||
'has-text-success is-dark': message.isChatServer,
|
||||
'has-text-warning is-dark': message.isAdmin,
|
||||
'has-text-danger': message.isChatClient
|
||||
}">
|
||||
{{ nickname }}
|
||||
</span>
|
||||
|
||||
<small class="has-text-grey"
|
||||
:class="{'ml-1': appearance === 'compact' && nickname !== message.username}"
|
||||
v-if="!(message.isChatServer || message.isChatClient || message.isAdmin)"
|
||||
>@{{ message.username }}</small>
|
||||
</a>]
|
||||
<small class="has-text-grey"
|
||||
:class="{'ml-1': appearance === 'compact' && nickname !== message.username}"
|
||||
v-if="!(message.isChatServer || message.isChatClient || message.isAdmin)"
|
||||
>@{{ message.username }}</small>
|
||||
</a>]
|
||||
</strong>
|
||||
|
||||
<span v-html="compactMessage"></span>
|
||||
|
||||
<!-- Reactions so far? -->
|
||||
<div v-if="hasReactions" class="mt-1">
|
||||
<div v-if="hasReactions" class="my-1">
|
||||
<span v-for="(users, emoji) in reactions"
|
||||
v-bind:key="emoji"
|
||||
class="tag is-secondary mr-1 cursor-pointer"
|
||||
|
|
Loading…
Reference in New Issue
Block a user