From 855f36eeda36078dbe111a7d7b395b11ffd7e7e9 Mon Sep 17 00:00:00 2001
From: eugenijm <eugenijm@protonmail.com>
Date: Tue, 12 May 2020 23:10:34 +0300
Subject: [PATCH] wip

---
 src/components/chat_message/chat_message.scss | 18 ++++++++++++++++++
 src/components/chat_message/chat_message.vue  | 15 ++++++++++++++-
 static/fontello.json                          |  6 ++++++
 3 files changed, 38 insertions(+), 1 deletion(-)

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 @@
       </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">
diff --git a/static/fontello.json b/static/fontello.json
index 7f0e7cdd..ab0b649a 100644
--- a/static/fontello.json
+++ b/static/fontello.json
@@ -363,6 +363,12 @@
       "css": "ok",
       "code": 59431,
       "src": "fontawesome"
+    },
+    {
+      "uid": "d10920db2e79c997c5e783279291970c",
+      "css": "dot-3",
+      "code": 59429,
+      "src": "entypo"
     }
   ]
 }
\ No newline at end of file