Anon/yandere_fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix emoji inputs having odd paddings and line-height

Browse Source
This commit is contained in:
Henry Jameson 2024-02-22 18:19:28 +02:00
parent 6536fe229b
commit abd1407a0b
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.scss
View File

@ -531,7 +531,7 @@ textarea {
} }
// Textareas should have stock line-height + vertical padding instead of huge line-height // Textareas should have stock line-height + vertical padding instead of huge line-height
textarea { textarea.input {
padding: var(--_padding); padding: var(--_padding);
line-height: var(--post-line-height); line-height: var(--post-line-height);
} }

4
src/components/emoji_input/emoji_input.vue
View File

@ -113,6 +113,7 @@
@import "../../variables"; @import "../../variables";
.input.emoji-input { .input.emoji-input {
padding: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
@ -145,7 +146,6 @@
textarea { textarea {
flex: 1 0 auto; flex: 1 0 auto;
color: inherit; color: inherit;
padding: 0;
// stylint-disable-next-line declaration-no-important // stylint-disable-next-line declaration-no-important
background: none !important; background: none !important;
box-shadow: none; box-shadow: none;
@ -158,7 +158,7 @@
} }
.hidden-overlay { .hidden-overlay {
opacity: 0; opacity: 1;
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
top: 0; top: 0;