diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue index 4b374c16d..32ad10bd4 100644 --- a/app/javascript/dashboard/components/widgets/conversation/Message.vue +++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue @@ -324,6 +324,8 @@ export default { left: isLeftAligned, right: isRightAligned, 'has-context-menu': this.showContextMenu, + // this handles the offset required to align the context menu button + // extra alignment is required since a tweet message has a the user name and avatar below it 'has-tweet-menu': this.isATweet, 'has-bg': this.showBackgroundHighlight, }; @@ -620,6 +622,8 @@ li.right { } li.left.has-tweet-menu .context-menu { + // this handles the offset required to align the context menu button + // extra alignment is required since a tweet message has a the user name and avatar below it @apply mb-6; } diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue index d58742401..5da5408e4 100644 --- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue +++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue @@ -1,5 +1,5 @@