Message action button improvements

This commit is contained in:
10G Meow 2022-05-16 14:11:55 +00:00 committed by n8fr8
parent ba86c8fc7b
commit e2e4456109
8 changed files with 42 additions and 36 deletions

View file

@ -126,7 +126,7 @@
class="scroll-to-end"
v-show="showScrollToEnd"
fab
small
x-small
elevation="0"
color="black"
@click.stop="scrollToEndOfTimeline"
@ -162,7 +162,7 @@
<div class="col col-auto">
<v-btn
fab
small
x-small
elevation="0"
color="black"
@click.stop="cancelEditReply"
@ -406,17 +406,6 @@
<MessageOperationsBottomSheet
ref="messageOperationsSheet"
>
<MessageOperationsPicker
v-on:close="showEmojiPicker = false"
v-if="selectedEvent"
v-on:addreaction="addReaction"
v-on:addquickreaction="addQuickReaction"
v-on:addreply="addReply(selectedEvent)"
v-on:edit="edit(selectedEvent)"
v-on:redact="redact(selectedEvent)"
v-on:download="download(selectedEvent)"
:event="selectedEvent"
/>
<VEmojiPicker
ref="emojiPicker"
@select="emojiSelected"
@ -516,7 +505,6 @@ import RoomDeletionNotice from "./messages/RoomDeletionNotice.vue";
import DebugEvent from "./messages/DebugEvent.vue";
import util from "../plugins/utils";
import MessageOperations from "./messages/MessageOperations.vue";
import MessageOperationsPicker from "./messages/MessageOperationsPicker.vue";
import AvatarOperations from "./messages/AvatarOperations.vue";
import ChatHeader from "./ChatHeader";
import VoiceRecorder from "./VoiceRecorder";
@ -597,7 +585,6 @@ export default {
RoomDeletionNotice,
DebugEvent,
MessageOperations,
MessageOperationsPicker,
VoiceRecorder,
RoomInfoBottomSheet,
CreatedRoomWelcomeHeader,
@ -865,7 +852,7 @@ export default {
var rectOps =
this.$refs.messageOperations.$el.getBoundingClientRect();
top = rectAnchor.top - rectChat.top - 50;
left = rectAnchor.left - rectChat.left - 30;
left = rectAnchor.left - rectChat.left - 50;
if (left + rectOps.width >= rectChat.right) {
left = rectChat.right - rectOps.width - 10; // No overflow
}