From 29be91c18aca610a9ce6b272c02872b048de5be1 Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn@googlemail.com>
Date: Sun, 19 Jan 2020 14:09:44 +0000
Subject: [PATCH] changed design of emoji suggestions

---
 .../app/EmojiPanels/emojiSuggestions.vue          | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/app/EmojiPanels/emojiSuggestions.vue b/src/components/app/EmojiPanels/emojiSuggestions.vue
index a8a2790..6d2113f 100644
--- a/src/components/app/EmojiPanels/emojiSuggestions.vue
+++ b/src/components/app/EmojiPanels/emojiSuggestions.vue
@@ -82,26 +82,23 @@ export default {
 
 <style scoped>
 .selected {
-  background: rgba(66, 66, 66, 0.89);
+  background: rgba(255, 255, 255, 0.2);
 }
 .emoji-suggetions-list {
   position: absolute;
-  bottom: 0;
-  left: 70px;
+  bottom: -35px;
+  left: 50px;
   max-height: 400px;
   overflow-y: auto;
   z-index: 2;
-
-  background: rgba(32, 32, 32, 0.87);
+  background: rgba(0, 0, 0, 0.7);
+  backdrop-filter: blur(5px);
+  border-radius: 4px;
   color: white;
-  padding: 5px;
   transition: 0.3s;
   user-select: none;
   cursor: default;
 }
-.emoji-suggetions-list:hover {
-  background: rgba(32, 32, 32, 0.966);
-}
 .preview {
   margin-right: 5px;
 }