apps/BareRTC
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

Fix DM buttons on light theme

Browse Source
This commit is contained in:
Noah 2024-04-07 11:56:29 -07:00
parent 93c4e12680
commit 9932cb5a2c
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/MessageBox.vue
View File

@ -278,7 +278,7 @@ export default {
<div class="column is-narrow pl-1 pt-0" v-if="!noButtons"> <div class="column is-narrow pl-1 pt-0" v-if="!noButtons">
<!-- DMs button --> <!-- DMs button -->
<button type="button" v-if="!(message.username === username || isDm)" <button type="button" v-if="!(message.username === username || isDm)"
class="button is-dark is-outlined is-small px-2" @click="openDMs()" class="button is-small px-2" @click="openDMs()"
:title="isDnd ? 'This person is not accepting new DMs' : 'Open a Direct Message (DM) thread'" :title="isDnd ? 'This person is not accepting new DMs' : 'Open a Direct Message (DM) thread'"
:disabled="isDnd"> :disabled="isDnd">
<i class="fa fa-comment"></i> <i class="fa fa-comment"></i>
@ -286,7 +286,7 @@ export default {
<!-- Mute button --> <!-- Mute button -->
<button type="button" v-if="!(message.username === username)" <button type="button" v-if="!(message.username === username)"
class="button is-dark is-outlined is-small px-2 ml-1" @click="muteUser()" title="Mute user"> class="button is-small px-2 ml-1" @click="muteUser()" title="Mute user">
<i class="fa fa-comment-slash" :class="{ <i class="fa fa-comment-slash" :class="{
'has-text-success': isMuted, 'has-text-success': isMuted,
'has-text-danger': !isMuted 'has-text-danger': !isMuted
@ -295,14 +295,14 @@ export default {
<!-- Owner or admin: take back the message --> <!-- Owner or admin: take back the message -->
<button type="button" v-if="message.username === username || isOp" <button type="button" v-if="message.username === username || isOp"
class="button is-dark is-outlined is-small px-2 ml-1" class="button is-small px-2 ml-1"
title="Take back this message (delete it for everybody)" @click="takeback()"> title="Take back this message (delete it for everybody)" @click="takeback()">
<i class="fa fa-rotate-left has-text-danger"></i> <i class="fa fa-rotate-left has-text-danger"></i>
</button> </button>
<!-- Everyone else: can hide it locally --> <!-- Everyone else: can hide it locally -->
<button type="button" v-if="message.username !== username" <button type="button" v-if="message.username !== username"
class="button is-dark is-outlined is-small px-2 ml-1" class="button is-small px-2 ml-1"
title="Hide this message (delete it only for your view)" @click="removeMessage()"> title="Hide this message (delete it only for your view)" @click="removeMessage()">
<i class="fa fa-trash"></i> <i class="fa fa-trash"></i>
</button> </button>