fix 2: text goes behind emoji button

daostack · Oct 5, 2023 · e51b594 · e51b594
1 parent ff5fc39
commit e51b594
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/shared/components/Chat/EditMessageInput/EditMessageInput.module.scss b/src/shared/components/Chat/EditMessageInput/EditMessageInput.module.scss
@@ -20,6 +20,7 @@ $phone-breakpoint: 415px;
   width: 100%;
   border-width: 0;
   outline: 0;
+  padding-right: 1.75rem;
 }
 
 .buttonContainer {

diff --git a/src/shared/ui-kit/TextEditor/BaseTextEditor.module.scss b/src/shared/ui-kit/TextEditor/BaseTextEditor.module.scss
@@ -2,5 +2,4 @@
   position: relative;
   width: 100%;
   height: 100%;
-  display: flex;
 }
diff --git a/src/shared/ui-kit/TextEditor/components/EmojiPicker/EmojiPicker.module.scss b/src/shared/ui-kit/TextEditor/components/EmojiPicker/EmojiPicker.module.scss
@@ -4,6 +4,9 @@ $big-phone-breakpoint: 460px;
 $phone-breakpoint: 415px;
 
 .container {
+  position: absolute;
+  bottom: 50%;
+  right: 0.5625rem;
   transform: translateY(50%);
 }