butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Use new button variants

Browse source
This commit is contained in:
N-Pex 2025-05-09 10:17:59 +02:00
parent 866607a949
commit 674eaa5eeb
32 changed files with 87 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/AudioLayout.vue
View file

@ -69,7 +69,7 @@
<div class="load-later">
<div style="align-self: flex-end;">
<v-btn class="clap-button clickable" text elevation="0" v-blur @click.stop="clapButtonClicked()">👏</v-btn>
<v-btn class="clap-button clickable" variant="text" elevation="0" v-blur @click.stop="clapButtonClicked()">👏</v-btn>
<v-btn icon="mic" :class="{'mic-button': true, 'dimmed': !canRecordAudio}" ref="mic_button" theme="dark" size="small" elevation="0" v-blur
@click.stop="micButtonClicked()">
</v-btn>

8
src/components/Chat.vue
View file

@ -293,10 +293,10 @@
<v-spacer>
<div v-if="currentSendError">{{ currentSendError }}</div>
</v-spacer>
<v-btn color="primary" text @click="cancelSendAttachment" id="btn-attachment-cancel" :disabled="sendingStatus != sendStatuses.SENDING && sendingStatus != sendStatuses.INITIAL">
<v-btn color="primary" variant="text" @click="cancelSendAttachment" id="btn-attachment-cancel" :disabled="sendingStatus != sendStatuses.SENDING && sendingStatus != sendStatuses.INITIAL">
{{ $t("menu.cancel") }}
</v-btn>
<v-btn id="btn-attachment-send" color="primary" text @click="sendAttachment(attachmentCaption)"
<v-btn id="btn-attachment-send" color="primary" variant="text" @click="sendAttachment(attachmentCaption)"
v-if="currentSendShowSendButton" :disabled="currentSendShowSendButton && sendingStatus != sendStatuses.INITIAL">{{ $t("menu.send") }}</v-btn>
</v-card-actions>
</template>
@ -329,14 +329,14 @@
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn id="btn-ok" color="primary" text @click="showNoRecordingAvailableDialog = false">{{
<v-btn id="btn-ok" color="primary" variant="text" @click="showNoRecordingAvailableDialog = false">{{
$t("menu.ok")
}}</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<CreatePollDialog :show="showCreatePollDialog" @close="showCreatePollDialog = false" />
<CreatePollDialog v-model="showCreatePollDialog" :room="room" />
<UserProfileDialog
v-model="showProfileDialog"

4
src/components/CopyLink.vue
View file

@ -1,7 +1,7 @@
<template>
<div>
<v-expand-transition>
<v-card class="ma-3" v-show="locationLink" flat>
<v-card class="ma-3" v-show="locationLink" variant="flat">
<v-container>
<slot/>
<v-row cols="12" class="qr-container ma-3">
@ -28,7 +28,7 @@
<v-btn
id="btn-copy-room-link"
:color="locationLinkCopied ? '#DEE6FF' : 'black'"
depressed
variant="flat"
@click.stop="copyRoomLink"
:class="{'filled-button' : true, 'link-copied-in-place' : locationLinkCopied}"
>{{ $t(`room_info.${locationLinkCopied ? 'link_copied' : i18nCopyLinkKey}`) }}</v-btn

2
src/components/Create.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="create-root fill-height">
<div class="mt-4 d-flex flex-row align-center">
<v-btn id="btn-back" text class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack">
<v-btn id="btn-back" variant="text" class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack">
<v-icon>arrow_back</v-icon>
</v-btn>
<YouAre class="flex-grow-1 text-end" v-if="loggedIn" />

6
src/components/CreateChannel.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="create-root fill-height">
<div class="mt-4 d-flex flex-row align-center">
<v-btn id="btn-back" text class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack"
<v-btn id="btn-back" variant="text" class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack"
:disabled="creatingRoom">
<v-icon>arrow_back</v-icon>
</v-btn>
@ -24,7 +24,7 @@
<div class="create-buttons">
<!-- Create button -->
<v-btn :disabled="!formIsValid || creatingRoom" color="#6360F0" depressed @click.stop="handleNext"
<v-btn :disabled="!formIsValid || creatingRoom" color="#6360F0" variant="flat" @click.stop="handleNext"
class="filled-button mt-4">
<div v-if="creatingRoom" class="text-center">
{{ creatingRoomStatus }}
@ -33,7 +33,7 @@
</div>
<span v-else>{{ $t("getlink.next") }}</span>
</v-btn>
<v-btn v-if="!loggedIn" color="black" depressed text @click.stop="goToLoginPage" class="text-button">{{
<v-btn v-if="!loggedIn" color="black" variant="flat" @click.stop="goToLoginPage" class="text-button">{{
$t("menu.login")
}}</v-btn>
</div>

6
src/components/CreateFileDrop.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="create-root fill-height">
<div class="mt-4 d-flex flex-row align-center">
<v-btn id="btn-back" text class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack"
<v-btn id="btn-back" variant="text" class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack"
:disabled="creatingRoom">
<v-icon>arrow_back</v-icon>
</v-btn>
@ -22,7 +22,7 @@
<div class="create-buttons">
<!-- Create button -->
<v-btn :disabled="!formIsValid || creatingRoom" color="#6360F0" depressed @click.stop="handleNext"
<v-btn :disabled="!formIsValid || creatingRoom" color="#6360F0" variant="flat" @click.stop="handleNext"
class="filled-button mt-4">
<div v-if="creatingRoom" class="text-center">
{{ creatingRoomStatus }}
@ -31,7 +31,7 @@
</div>
<span v-else>{{ $t("getlink.next") }}</span>
</v-btn>
<v-btn v-if="!loggedIn" color="black" depressed text @click.stop="goToLoginPage" class="text-button">{{
<v-btn v-if="!loggedIn" color="black" variant="flat" @click.stop="goToLoginPage" class="text-button">{{
$t("menu.login")
}}</v-btn>
</div>

13
src/components/CreatePollDialog.vue
View file

@ -1,5 +1,5 @@
<template>
<v-dialog
<RoundedDialog
v-model="showDialog"
scrollable
class="ma-0 pa-0"
@ -9,7 +9,7 @@
<v-card-title>
<v-container fluid>
<div class="room-name no-upper">{{ $t("poll_create.title") }}</div>
<v-btn id="btn-close" text class="header-button-right" @click.stop="showDialog = false">
<v-btn id="btn-close" icon class="header-button-right" @click.stop="showDialog = false">
<v-icon>close</v-icon>
</v-btn>
</v-container>
@ -51,7 +51,7 @@
:class="{ deletable: pollAnswers.length > 1 }"
ref="answerInput"
>
<v-btn v-if="pollAnswers.length > 1" icon @click="removeAnswer(index)"><v-icon>delete</v-icon></v-btn>
<v-btn v-if="pollAnswers.length > 1" color="transparent" icon="delete" @click="removeAnswer(index)"></v-btn>
</InputControl>
</v-col>
</v-row>
@ -67,7 +67,7 @@
<v-col cols="auto">
<v-btn
id="btn-create-poll"
depressed
variant="flat"
block
class="filled-button publish-button"
@click.stop="onCreatePoll()"
@ -97,12 +97,13 @@
</v-container>
</v-card-actions>
</v-card>
</v-dialog>
</RoundedDialog>
</template>
<script>
import util from "../plugins/utils";
import InputControl from "./InputControl.vue";
import RoomDialogBase from "./RoomDialogBase.vue";
import RoundedDialog from "./RoundedDialog.vue";
export default {
name: "CreatePollDialog",
@ -192,7 +193,7 @@ export default {
return this.pollQuestion && this.pollAnswers.length > 0 && this.pollAnswers.every(a => a.text);
}
},
components: { InputControl },
components: { InputControl, RoundedDialog },
};
</script>

10
src/components/CreateRoom.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="create-root fill-height">
<div class="mt-4 d-flex flex-row align-center">
<v-btn id="btn-back" text class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack"
<v-btn id="btn-back" variant="text" class="back-button" v-show="$navigation && $navigation.canPop()" @click.stop="goBack"
:disabled="creatingRoom">
<v-icon>arrow_back</v-icon>
</v-btn>
@ -18,7 +18,7 @@
v-on="{ ...roomTopicInputListeners }"></v-text-field>
<!-- Message History (public room) -->
<v-card class="ma-0 mt-10" flat>
<v-card class="ma-0 mt-10" variant="flat">
<v-card-text class="with-right-label">
<div>
<div class="paragraph-bold">{{ $t('room_info.message_history') }}</div>
@ -33,7 +33,7 @@
<hr color="#ededed" />
<!-- Limit History (message retention) -->
<v-card class="ma-0 mt-2" flat>
<v-card class="ma-0 mt-2" variant="flat">
<v-card-text class="with-right-label">
<div>
<div class="paragraph-bold">{{ $t('room_info.message_retention') }}</div>
@ -51,7 +51,7 @@
<div class="text-red" v-if="errorMessage != null">{{ this.errorMessage }}</div>
<!-- Create button -->
<v-btn :disabled="!formIsValid || creatingRoom" color="#6360F0" depressed @click.stop="onCreate"
<v-btn :disabled="!formIsValid || creatingRoom" color="#6360F0" variant="flat" @click.stop="onCreate"
class="filled-button mt-4">
<div v-if="creatingRoom && !enterRoomDialog" class="text-center">
{{ creatingRoomStatus }}
@ -116,7 +116,7 @@
</v-checkbox>
</v-col>
</v-row>
<v-btn color="black" depressed class="filled-button" @click.stop="onEnterRoom"
<v-btn color="black" variant="flat" class="filled-button" @click.stop="onEnterRoom"
:disabled="!acceptUA || !selectedProfile.name">
{{ $t("join.enter_room") }}
</v-btn>

8
src/components/GetLink.vue
View file

@ -18,9 +18,9 @@
<interactive-auth ref="interactiveAuth" />
<div class="create-buttons">
<v-btn id="btn-login" :disabled="!isValid || loading" color="primary" depressed block
<v-btn id="btn-login" :disabled="!isValid || loading" color="primary" variant="flat" block
@click.stop="handleLogin" :loading="loading" class="filled-button mt-4">{{ $t("getlink.next") }}</v-btn>
<v-btn color="black" depressed text block @click.stop="goToLoginPage" class="text-button">{{
<v-btn color="black" variant="flat" block @click.stop="goToLoginPage" class="text-button">{{
$t("menu.login")
}}</v-btn>
</div>
@ -41,9 +41,9 @@
</template>
</copy-link>
<div class="create-buttons">
<v-btn color="black" style="color:black;background-color:white !important;" depressed @click.stop="goHome"
<v-btn color="black" style="color:black;background-color:white !important;" variant="flat" @click.stop="goHome"
class="outlined-button">{{ $t("getlink.continue") }}</v-btn>
<v-btn color="black" depressed text block @click.stop="getDifferentLink" class="text-button">{{
<v-btn color="black" variant="flat" block @click.stop="getDifferentLink" class="text-button">{{
$t("getlink.different_link") }}</v-btn>
</div>
</div>

2
src/components/Home.vue
View file

@ -12,7 +12,7 @@
</v-row>
</v-container>
<v-card class="members ma-3" flat>
<v-card class="members ma-3" variant="flat">
<v-card-title class="h2">{{ $t("room.room_list_rooms") }}</v-card-title>
<v-card-text class="pa-0">
<RoomList

8
src/components/InteractiveAuth.vue
View file

@ -11,7 +11,7 @@
<div class="text-start font-weight-light">{{ $t("login.email") }}</div>
<v-text-field v-model="email" color="black" :rules="emailRules" type="email" maxlength="200"
background-color="white" v-on:keyup.enter="onEmailEntered(email)" autofocus variant="solo"></v-text-field>
<v-btn :disabled="!emailIsValid" color="black" depressed class="filled-button"
<v-btn :disabled="!emailIsValid" color="black" variant="flat" class="filled-button"
@click.stop="onEmailEntered(email)">
{{ $t("login.send_verification") }}
</v-btn>
@ -39,7 +39,7 @@
</v-row>
<v-row cols="12" align="center" justify="center">
<v-col sm="8" align="center">
<v-btn color="black" :disabled="!this.allPoliciesAccepted" depressed class="filled-button"
<v-btn color="black" :disabled="!this.allPoliciesAccepted" variant="flat" class="filled-button"
@click.stop="onPoliciesAccepted()">
{{ $t("login.accept_terms") }}
</v-btn>
@ -55,7 +55,7 @@
<v-progress-circular style="display: inline-flex" indeterminate color="primary"
size="20"></v-progress-circular>
</div>
<v-btn color="black" depressed class="filled-button" @click.stop="onEmailResend()">
<v-btn color="black" variant="flat" class="filled-button" @click.stop="onEmailResend()">
{{ $t("login.resend_verification") }}
</v-btn>
</v-col>
@ -68,7 +68,7 @@
<div class="text-start font-weight-light">{{ $t("login.registration_token") }}</div>
<v-text-field v-model="token" color="black" :rules="tokenRules" type="text" maxlength="64"
background-color="white" v-on:keyup.enter="onTokenEntered(token)" autofocus variant="solo"></v-text-field>
<v-btn :disabled="!tokenIsValid" color="black" depressed class="filled-button"
<v-btn :disabled="!tokenIsValid" color="black" variant="flat" class="filled-button"
@click.stop="onTokenEntered(token)">
{{ $t("login.send_token") }}
</v-btn>

2
src/components/Invite.vue
View file

@ -5,7 +5,7 @@
<v-btn
id="btn-invite-done"
:loading="loading"
text
variant="text"
class="header-button-right"
@click.stop="done"
>

5
src/components/LeaveRoomDialog.vue
View file

@ -43,8 +43,7 @@
<v-col cols="6">
<v-btn
id="btn-back"
depressed
text
variant="flat"
block
class="text-button"
@click="showDialog = false"
@ -55,7 +54,7 @@
<v-btn
id="btn-leave"
color="red"
depressed
variant="flat"
block
class="filled-button"
@click.stop="onLeaveRoom()"

6
src/components/Login.vue
View file

@ -16,7 +16,7 @@
<div class="room-name no-upper">{{ $t("login.title") }}</div>
</v-col>
<v-col class="text-end">
<v-btn id="btn-close" text v-if="showCloseButton" @click.stop="$navigation.pop">
<v-btn id="btn-close" variant="text" v-if="showCloseButton" @click.stop="$navigation.pop">
<v-icon>close</v-icon>
</v-btn>
</v-col>
@ -79,7 +79,7 @@
id="btn-login"
:disabled="!isValid || loading || loadingLoginFlows"
color="black"
depressed
variant="flat"
block
@click.stop="handleLogin"
:loading="loading"
@ -90,7 +90,7 @@
<v-btn
id="btn-create-room"
color="primary"
depressed
variant="flat"
block
@click.stop="handleCreateRoom"
class="filled-button mt-2"

5
src/components/LogoutRoomDialog.vue
View file

@ -15,8 +15,7 @@
<v-row cols="12">
<v-col cols="6">
<v-btn
depressed
text
variant="flat"
block
class="text-button"
@click.stop="$emit('onCancelLogoutClicked')"
@ -26,7 +25,7 @@
<v-col cols="6" align="center">
<v-btn
color="red"
depressed
variant="flat"
block
class="filled-button"
@click.stop="logout"

2
src/components/MessageRetentionDialog.vue
View file

@ -18,7 +18,7 @@
</v-row>
<v-row cols="12" class="justify-center mt-0">
<v-col cols="4" class="py-0">
<v-btn color="primary" :disabled="!isValid" depressed block class="filled-button my-0"
<v-btn color="primary" :disabled="!isValid" variant="flat" block class="filled-button my-0"
@click.stop="setRetention()">{{
$t("menu.done") }}</v-btn>
</v-col>

2
src/components/MoreMenuPopup.vue
View file

@ -1,7 +1,7 @@
<template>
<v-dialog v-model="showDialog" content-class="more-menu-popup" class="ma-0 pa-0">
<div class="popup-wrapper">
<v-card flat>
<v-card variant="flat">
<v-card-text>
<v-container class="mt-0 pa-0 pt-3 pb-3 action-row-container-no-dividers">

17
src/components/Profile.vue
View file

@ -5,7 +5,7 @@
<div class="room-name no-upper">{{ $t("profile.title") }}</div>
<v-btn
id="btn-close"
text
variant="text"
class="header-button-right"
v-show="$navigation && $navigation.canPop()"
@click.stop="$navigation.pop"
@ -53,7 +53,7 @@
<!-- <div v-if="$matrix.currentUser.is_guest">
{{ $t("profile.temporary_identity") }}
</div> -->
<v-btn id="btn-logout" depressed block class="outlined-button" @click.stop="showLogoutPopup=true">
<v-btn id="btn-logout" variant="flat" block class="outlined-button" @click.stop="showLogoutPopup=true">
{{ $t("menu.logout") }}
</v-btn>
<LogoutRoomDialog
@ -151,14 +151,14 @@
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn id="btn-password-cancel" text @click="closeEditPasswordDialog">{{
<v-btn id="btn-password-cancel" variant="text" @click="closeEditPasswordDialog">{{
$t("menu.cancel")
}}</v-btn>
<v-btn
id="btn-password-set"
:disabled="!passwordsMatch"
color="primary"
text
variant="text"
@click="
setPassword(
$matrix.currentUser.is_guest
@ -191,13 +191,13 @@
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn id="btn-displayname-cancel" text @click="showEditDisplaynameDialog = false">{{
<v-btn id="btn-displayname-cancel" variant="text" @click="showEditDisplaynameDialog = false">{{
$t("menu.cancel")
}}</v-btn>
<v-btn
id="btn-displayname-set"
color="primary"
text
variant="text"
@click="
updateDisplayName(editValue);
showEditDisplaynameDialog = false;
@ -230,8 +230,7 @@
<v-row cols="12">
<v-col cols="6">
<v-btn
depressed
text
variant="flat"
block
class="text-button"
@click="onNotifyDialogClosed"
@ -241,7 +240,7 @@
<v-col cols="6" align="center">
<v-btn
color="primary"
depressed
variant="flat"
block
class="filled-button"
@click.stop="onNotifyDialog"

2
src/components/ProfileInfoPopup.vue
View file

@ -1,6 +1,6 @@
<template>
<v-dialog v-model="showDialog" content-class="profile-info-popup" class="ma-0 pa-0">
<v-card flat>
<v-card variant="flat">
<v-card-text>
<div class="you-are">{{ $t("profile_info_popup.you_are") }}</div>
<v-container fluid>

10
src/components/PurgeRoomDialog.vue
View file

@ -21,8 +21,7 @@
<v-col cols="6">
<v-btn
id="btn-purge-room-cancel"
depressed
text
variant="flat"
block
class="text-button"
:disabled="isPurging"
@ -34,7 +33,7 @@
<v-btn
id="btn-purge-room"
color="red"
depressed
variant="flat"
block
class="filled-button"
:disabled="isPurging"
@ -65,8 +64,7 @@
<v-col cols="6">
<v-btn
id="btn-purge-room-undo"
depressed
text
variant="flat"
block
class="text-button"
:disabled="isPurging"
@ -75,7 +73,7 @@
>
</v-col>
<v-col cols="6">
<v-btn depressed block class="outlined-button" @click="onDoPurgeRoom">
<v-btn variant="flat" block class="outlined-button" @click="onDoPurgeRoom">
{{ $t("menu.delete_now") }}
</v-btn>
</v-col>

4
src/components/QuoteView.vue
View file

@ -18,7 +18,7 @@
v-if="joinedToAnyRoom"
id="btn-goodbye-view-other"
color="white"
text
variant="text"
class="close"
@click.stop="viewOtherRooms"
>{{ $t("goodbye.view_other_rooms") }}</v-btn
@ -27,7 +27,7 @@
v-else
id="btn-goodbye-close"
color="white"
text
variant="text"
class="close"
@click.stop="closeBrowserTab"
>{{ $t("goodbye.close_tab") }}</v-btn

5
src/components/ReportRoomDialog.vue
View file

@ -13,8 +13,7 @@
<v-col cols="6">
<v-btn
id="btn-back"
depressed
text
variant="flat"
block
class="text-button"
@click="showDialog = false"
@ -25,7 +24,7 @@
<v-btn
id="btn-report"
color="red"
depressed
variant="flat"
block
class="filled-button"
@click.stop="onReport()"

2
src/components/RoomExport.vue
View file

@ -43,7 +43,7 @@
<v-col class="text-center">
<v-progress-circular indeterminate color="primary"></v-progress-circular>
<div>{{ statusText }}</div>
<v-btn color="black" depressed class="filled-button mt-5" @click.stop="cancelExport">{{
<v-btn color="black" variant="flat" class="filled-button mt-5" @click.stop="cancelExport">{{
$t("menu.cancel")
}}</v-btn>
</v-col>

18
src/components/RoomInfo.vue
View file

@ -4,7 +4,7 @@
<v-container fluid class="d-flex justify-space-between align-center">
<v-btn
id="btn-back"
text
variant="text"
:class="(($navigation && $navigation.canPop()) || $matrix.currentRoomId) ? 'v-visible' : 'v-hidden'"
@click.stop="goBack()"
>
@ -16,7 +16,7 @@
v-if="!userCanPurgeRoom"
id="btn-leave-room"
color="black"
depressed
variant="flat"
class="filled-button"
@click.stop="showLeaveConfirmation = true"
>👋 {{ $t("room_info.leave_room") }}</v-btn
@ -91,7 +91,7 @@
</div>
<copy-link :locationLink="publicRoomLink" i18nCopyLinkKey="copy_invite_link" />
<v-card class="account ma-3" flat>
<v-card class="account ma-3" variant="flat">
<v-card-title class="h2">{{ $t("room_info.permissions") }}</v-card-title>
<v-card-text>
<v-select
@ -128,7 +128,7 @@
</v-card-text>
</v-card>
<v-card class="account ma-3" flat>
<v-card class="account ma-3" variant="flat">
<v-card-title class="h2">{{ $t("room_info.message_retention") }}</v-card-title>
<v-card-text v-if="canViewRetentionPolicy">
<v-list v-if="canChangeRetentionPolicy">
@ -156,7 +156,7 @@
</v-card>
<v-card class="account ma-3" flat v-if="canChangeReadOnly()">
<v-card class="account ma-3" variant="flat" v-if="canChangeReadOnly()">
<v-card-title class="h2">{{ $t("room_info.moderation") }}</v-card-title>
<v-card-text class="" v-if="canChangeReadOnly()">
<div class="with-right-label" style="align-items:center;height:36px">
@ -167,14 +167,14 @@
</v-card-text>
</v-card>
<v-card class="account ma-3" flat>
<v-card class="account ma-3" variant="flat">
<v-card-title class="h2">{{ $t("room_info.report") }}</v-card-title>
<v-card-text class="">
<div class="with-right-label" style="align-items:center;height:36px">
<div class="option-title">{{ $t('room_info.report_info') }}</div>
<v-btn
color="black"
depressed
variant="flat"
size="small"
class="outlined-button"
@click.stop="report"
@ -183,7 +183,7 @@
</v-card-text>
</v-card>
<v-card class="members ma-3" flat>
<v-card class="members ma-3" variant="flat">
<v-card-title class="h2"
>{{ $t("room_info.members") }}<v-spacer></v-spacer>
<div>{{ members.length }}</div></v-card-title
@ -242,7 +242,7 @@
<v-btn
v-if="userCanExportChat"
color="black"
depressed
variant="flat"
class="filled-button"
@click.stop="exportRoom"
>{{ $t("room_info.export_room") }}</v-btn>

4
src/components/RoomList.vue
View file

@ -28,10 +28,10 @@
<v-list-item-subtitle>{{ room.topic }}</v-list-item-subtitle>
<template v-slot:append>
<v-list-item-action>
<v-btn id="btn-accept" class="filled-button" depressed color="black" @click.stop="acceptInvitation(room)">{{
<v-btn id="btn-accept" class="filled-button" variant="flat" color="black" @click.stop="acceptInvitation(room)">{{
$t("menu.join") }}</v-btn>
<v-btn v-if="!room.isServiceNoticeRoom" id="btn-reject" class="filled-button" color="black"
@click.stop="rejectInvitation(room)" text>{{
@click.stop="rejectInvitation(room)" variant="text">{{
$t("menu.ignore") }}</v-btn>
</v-list-item-action>
</template>

2
src/components/SelectLanguageDialog.vue
View file

@ -28,7 +28,7 @@
<v-card-actions>
<v-btn
id="btn-done"
depressed
variant="flat"
block
class="btn-dark"
@click="$emit('update:model-value', false)"

2
src/components/StickerPickerBottomSheet.vue
View file

@ -13,7 +13,7 @@
</v-tabs>
<v-tabs-window v-model="currentStickerPack">
<v-window-item v-for="(pack,ipack) in packs" :key="'pack-content-' + ipack" :value="'pack-' + ipack">
<v-card flat>
<v-card variant="flat">
<v-container fluid>
<v-row>
<v-col cols="2" v-for="sticker in stickersInPack(pack)" :key="pack + sticker.name">

2
src/components/UnsupportedBrowserAlert.vue
View file

@ -12,7 +12,7 @@
<v-spacer></v-spacer>
<v-btn
:color="locationUrlCopied ? '#DEE6FF' : 'black'"
depressed
variant="flat"
@click.stop="copyRoomLink1"
:class="{'filled-button' : true, 'link-copied-in-place' : locationUrlCopied}"
>{{ $t(`room_info.${locationUrlCopied ? 'link_copied' : 'copy_link'}`) }}</v-btn

10
src/components/UserProfileDialog.vue
View file

@ -38,21 +38,21 @@
</div>
<DeviceList :member="activeMember" />
<div class="py-3" v-if="activeMember.userId != $matrix.currentUserId">
<v-btn text size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && !$matrix.isDirectRoomWith(room, activeMember.userId)" class="start-private-chat clickable d-block text-none justify-start" @click="startPrivateChat(activeMember.userId)">
<v-btn variant="text" size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && !$matrix.isDirectRoomWith(room, activeMember.userId)" class="start-private-chat clickable d-block text-none justify-start" @click="startPrivateChat(activeMember.userId)">
<v-icon start>$vuetify.icons.direct_chat</v-icon> {{ $t("menu.direct_chat") }}
</v-btn>
<div v-if="canBanUserComp">
<v-btn text x-large block v-if="activeMember.userId != $matrix.currentUserId && canBanUserComp" class="start-private-chat clickable d-block text-none justify-start" @click="banUser(activeMember)">
<v-btn variant="text" x-large block v-if="activeMember.userId != $matrix.currentUserId && canBanUserComp" class="start-private-chat clickable d-block text-none justify-start" @click="banUser(activeMember)">
<v-icon start>$vuetify.icons.kickout</v-icon> {{ $t("menu.user_kick_and_ban") }}
</v-btn>
</div>
<v-btn text size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && !isAdminComp && canMakeAdminComp" class="start-private-chat clickable d-block text-none justify-start" @click="makeAdmin(activeMember)">
<v-btn variant="text" size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && !isAdminComp && canMakeAdminComp" class="start-private-chat clickable d-block text-none justify-start" @click="makeAdmin(activeMember)">
<v-icon start>$vuetify.icons.make_admin</v-icon> {{ $t("menu.user_make_admin") }}
</v-btn>
<v-btn text size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && !isModeratorComp && !isAdminComp && canMakeModeratorComp" class="start-private-chat clickable d-block text-none justify-start" @click="makeModerator(activeMember)">
<v-btn variant="text" size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && !isModeratorComp && !isAdminComp && canMakeModeratorComp" class="start-private-chat clickable d-block text-none justify-start" @click="makeModerator(activeMember)">
<v-icon start>$vuetify.icons.make_moderator</v-icon> {{ $t("menu.user_make_moderator") }}
</v-btn>
<v-btn text size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && isModeratorComp && canRevokeModeratorComp" class="start-private-chat clickable d-block text-none justify-start" @click="revokeModerator(activeMember)">
<v-btn variant="text" size="x-large" block v-if="activeMember.userId != $matrix.currentUserId && isModeratorComp && canRevokeModeratorComp" class="start-private-chat clickable d-block text-none justify-start" @click="revokeModerator(activeMember)">
<v-icon start>$vuetify.icons.revoke</v-icon> {{ $t("menu.user_revoke_moderator") }}
</v-btn>
</div>

2
src/components/VoiceRecorder.vue
View file

@ -114,7 +114,7 @@
</div>
</v-col>
<v-col cols="3" class="pa-0">
<v-btn id="btn-record-cancel" @click.stop="cancelRecording" text class="swipe-info">{{
<v-btn id="btn-record-cancel" @click.stop="cancelRecording" variant="text" class="swipe-info">{{
$t("menu.cancel")
}}</v-btn>
</v-col>

4
src/components/welcome_headers/WelcomeHeaderChannel.vue
View file

@ -5,7 +5,7 @@
<template v-slot:link>
<div style="position:relative;display:inline-block">
<a @click.stop="copyPublicLink" :href="publicRoomLink" class="text-break">{{ publicRoomLink }}</a>
<v-btn v-if="publicRoomLinkCopied" id="btn-copy-room-link" color="#444444" depressed
<v-btn v-if="publicRoomLinkCopied" id="btn-copy-room-link" color="#444444" variant="flat"
style="position:absolute;left:0;top:0" class="filled-button link-copied-in-place">{{
$t("room_info.link_copied") }}</v-btn>
</div>
@ -24,7 +24,7 @@
<a href="#" text @click.prevent="showMessageRetentionDialog = true" style="white-space: pre-line;">{{ $t("room_welcome.change") }}</a>
</div>
<div class="text-end">
<v-btn id="btn-got-it" text @click.stop="$emit('close')" class="text-transform-0">
<v-btn id="btn-got-it" variant="text" @click.stop="$emit('close')" class="text-transform-0">
{{ $t("room_welcome.got_it") }}
</v-btn>
</div>

4
src/components/welcome_headers/WelcomeHeaderRoom.vue
View file

@ -10,7 +10,7 @@
v-if="publicRoomLinkCopied"
id="btn-copy-room-link"
color="#444444"
depressed
variant="flat"
style="position:absolute;left:0;top:0"
class="filled-button link-copied-in-place"
>{{ $t("room_info.link_copied") }}</v-btn
@ -30,7 +30,7 @@
{{ roomHistoryDescription }}
</div>
<div class="text-end">
<v-btn id="btn-got-it" text @click.stop="$emit('close')" class="text-transform-0">
<v-btn id="btn-got-it" variant="text" @click.stop="$emit('close')" class="text-transform-0">
{{ $t("room_welcome.got_it") }}
</v-btn>
</div>