feat: Make context meny visible only on hover (#9592)

This commit is contained in:
Fayaz Ahmed
2024-06-05 11:13:16 +05:30
committed by GitHub
parent 00ef9c475f
commit bff19eb2e6

View File

@@ -1,5 +1,9 @@
<template> <template>
<li v-if="shouldRenderMessage" :id="`message${data.id}`" :class="alignBubble"> <li
v-if="shouldRenderMessage"
:id="`message${data.id}`"
:class="[alignBubble, 'group']"
>
<div :class="wrapClass"> <div :class="wrapClass">
<div <div
v-if="isFailed && !hasOneDayPassed && !isAnEmailInbox" v-if="isFailed && !hasOneDayPassed && !isAnEmailInbox"
@@ -121,7 +125,10 @@
</a> </a>
</div> </div>
</div> </div>
<div v-if="shouldShowContextMenu" class="context-menu-wrap"> <div
v-if="shouldShowContextMenu"
class="context-menu-wrap invisible group-hover:visible"
>
<context-menu <context-menu
v-if="isBubble && !isMessageDeleted" v-if="isBubble && !isMessageDeleted"
:context-menu-position="contextMenuPosition" :context-menu-position="contextMenuPosition"