From c6e0c2b7c901009679bfeaa684b7d85f80ea119b Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Fri, 20 Jan 2023 12:19:38 +0100
Subject: [PATCH] remove borders from autocomplete dialog

---
 src/Element/Textarea.css | 14 +++++++++++++-
 src/Element/Textarea.tsx |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/Element/Textarea.css b/src/Element/Textarea.css
index a3ccd992..5175b589 100644
--- a/src/Element/Textarea.css
+++ b/src/Element/Textarea.css
@@ -1,5 +1,17 @@
+.rta__list {
+  border: none;
+}
+.rta__item:not(:last-child) {
+  border: none;
+}
+.rta__entity--selected .user-item, .rta__entity--selected .emoji-item {
+  text-decoration: none;
+  background: var(--gray-secondary);
+}
+
 .user-item, .emoji-item {
-  background: var(--gray);
+  color: var(--font-color);
+  background: var(--note-bg);
   display: flex;
   flex-direction: row;
   align-items: center;
diff --git a/src/Element/Textarea.tsx b/src/Element/Textarea.tsx
index 99915ae7..79397df2 100644
--- a/src/Element/Textarea.tsx
+++ b/src/Element/Textarea.tsx
@@ -63,7 +63,7 @@ const Textarea = ({ users, onChange, ...rest }: any) => {
 
   const emojiDataProvider = (token: string) => {
     return emoji(token)
-      .slice(0, 10)
+      .slice(0, 5)
       .map(({ name, char }) => ({ name, char }));
   }