From abd1407a0bd105aa6c6ccf7c51d3d726a2a1bc73 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 22 Feb 2024 18:19:28 +0200
Subject: [PATCH] fix emoji inputs having odd paddings and line-height

---
 src/App.scss                               | 2 +-
 src/components/emoji_input/emoji_input.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 41e445d26b..b9aded4197 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -531,7 +531,7 @@ textarea {
 }
 
 // Textareas should have stock line-height + vertical padding instead of huge line-height
-textarea {
+textarea.input {
   padding: var(--_padding);
   line-height: var(--post-line-height);
 }
diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index 85a6cfe7d9..ad5ec0a464 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -113,6 +113,7 @@
 @import "../../variables";
 
 .input.emoji-input {
+  padding: 0;
   display: flex;
   flex-direction: column;
   position: relative;
@@ -145,7 +146,6 @@
   textarea {
     flex: 1 0 auto;
     color: inherit;
-    padding: 0;
     // stylint-disable-next-line declaration-no-important
     background: none !important;
     box-shadow: none;
@@ -158,7 +158,7 @@
   }
 
   .hidden-overlay {
-    opacity: 0;
+    opacity: 1;
     pointer-events: none;
     position: absolute;
     top: 0;