pleroma-fe

commit: abd1407a0bd105aa6c6ccf7c51d3d726a2a1bc73
parent 6536fe229b9d50c38bf29c435b8e0a99889111f1
Author: Henry Jameson <me@hjkos.com>
Date:   Thu, 22 Feb 2024 18:19:28 +0200

fix emoji inputs having odd paddings and line-height

Diffstat:
M
src/App.scss
2
+-
M
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
@@ -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
@@ -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;