wip

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 {

src/components/chat_message/chat_message.vue

@@ -27,7 +27,20 @@
       </div>
       <div class="direct-conversation-inner">
         <div class="status-body" :style="{ 'min-width': message.attachment ? '80%' : '' }">
-          <div class="media status">
+          <div
+            class="media status"
+            style="position: relative"
+            >
+            <div
+              class="chat-message-menu"
+              style="position: absolute; right: 5px; top: -10px"
+              >
+              <button
+                title="more"
+              >
+                <i class="icon-dot-3" />
+              </button>
+            </div>
             <StatusContent
               :status="messageForStatusContent"
               :full-content="true">

static/fontello.json

@@ -363,6 +363,12 @@
       "css": "ok",
       "code": 59431,
       "src": "fontawesome"
+    },
+    {
+      "uid": "d10920db2e79c997c5e783279291970c",
+      "css": "dot-3",
+      "code": 59429,
+      "src": "entypo"
     }
   ]
 }