From 9e2a0e73e392b6ce0456c1cfcee16e8dcc869e4e Mon Sep 17 00:00:00 2001
From: ubermanu <e.vodor@gmail.com>
Date: Tue, 16 Mar 2021 14:09:13 +0100
Subject: [PATCH] move inline actions on top of the message
---
src/styles/index.scss | 20 +++++++++++++++++++-
1 file changed, 19 insertions(+), 1 deletion(-)
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 9f6c11e..7aa8376 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -872,7 +872,18 @@
width: 100% !important;
}
- // Message actions (inline)
+ //
+ // Message Actions (inline)
+ // ---------------------------------
+
+ .chat-msg {
+ position: relative;
+ }
+
+ // Reset these positions
+ .chat-msg__content, .chat-msg__body, converse-message-actions {
+ position: initial;
+ }
.chat-msg:not(:hover) .chat-msg__actions--inline {
display: none;
@@ -880,5 +891,12 @@
.chat-msg__actions--inline {
display: flex;
+ position: absolute;
+ top: 0;
+ right: 0;
+ transform: translateY(-50%);
+ background: #f6f6f6;
+ border: 2px solid white;
+ border-radius: 3px;
}
}
\ No newline at end of file
--
GitLab