From: Dessalines <tyhou13@gmx.com>
Date: Wed, 21 Jun 2023 18:44:37 +0000 (-0400)
Subject: Centering emojimart in view.
X-Git-Url: http://these/git/%7B%60https:/%7B%24%7B%60data:application/static/%7Bthis.imageSrc.unwrap%28%29%7D?a=commitdiff_plain;h=0c78cf22a7b73d9d66e8f77a7e94692edc600f14;p=lemmy-ui.git

Centering emojimart in view.
---

diff --git a/src/shared/components/common/emoji-picker.tsx b/src/shared/components/common/emoji-picker.tsx
index a7fc7d4..6c60375 100644
--- a/src/shared/components/common/emoji-picker.tsx
+++ b/src/shared/components/common/emoji-picker.tsx
@@ -38,16 +38,18 @@ export class EmojiPicker extends Component<EmojiPickerProps, EmojiPickerState> {
 
         {this.state.showPicker && (
           <>
-            <div className="emoji-picker-container">
-              <EmojiMart
-                onEmojiClick={this.handleEmojiClick}
-                pickerOptions={{}}
-              ></EmojiMart>
+            <div className="position-relative">
+              <div className="emoji-picker-container position-absolute w-100">
+                <EmojiMart
+                  onEmojiClick={this.handleEmojiClick}
+                  pickerOptions={{}}
+                ></EmojiMart>
+              </div>
+              <div
+                onClick={linkEvent(this, this.togglePicker)}
+                className="click-away-container"
+              />
             </div>
-            <div
-              onClick={linkEvent(this, this.togglePicker)}
-              className="click-away-container"
-            />
           </>
         )}
       </span>