diff --git a/src/components/chat_message/chat_message.scss b/src/components/chat_message/chat_message.scss index d532a8e0..7c6f276c 100644 --- a/src/components/chat_message/chat_message.scss +++ b/src/components/chat_message/chat_message.scss @@ -23,6 +23,24 @@ .status { padding: 0.75em; + + &:hover { + .chat-message-menu { + // visibility: visible; + opacity: 1; + } + } + + .chat-message-menu { + transition: opacity 0.1s; + // visibility: hidden; + opacity: 0; + + button { + padding-top: 3px; + padding-bottom: 3px; + } + } } .direct-conversation { diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue index 07e45fb0..a74c907b 100644 --- a/src/components/chat_message/chat_message.vue +++ b/src/components/chat_message/chat_message.vue @@ -27,7 +27,20 @@