hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

move emoji picker's emoji button again

Browse source 
This partially reverts commit b8dabf3a6b.
This commit is contained in:
Henry Jameson 2026-05-11 10:37:44 +03:00
commit 411546a6ab
2 changed files with 17 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/emoji_input/emoji_input.vue
View file

@ -118,9 +118,10 @@
.emoji-picker-icon {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 0.2em 0.25em;
height: 100%;
padding: 0 0.2em;
font-size: 1.3em;
cursor: pointer;
line-height: 1.2em;
@ -130,10 +131,11 @@
}
}
&.-textarea .emoji-picker-icon {
inset: auto;
bottom: 0;
left: 0;
&.-textarea {
.emoji-picker-icon {
height: auto;
padding: 0.2em;
}
}
.emoji-picker-panel {
@ -157,16 +159,11 @@
outline: none;
}
&.-with-picker {
textarea,
input {
padding-right: 2.4em;
}
textarea {
padding-bottom: 0;
margin-bottom: 2.5em;
}
}
.hidden-overlay {

11
src/components/post_status_form/post_status_form.scss
View file

@ -208,11 +208,14 @@
padding: 0;
}
textarea.input.form-post-body {
.input.form-post-body {
// TODO: make a resizable textarea component?
box-sizing: content-box; // needed for easier computation of dynamic size
overflow: hidden;
transition: min-height 200ms 100ms;
// stock padding + 1 line of text (for counter)
padding-bottom: calc(var(--_padding) + var(--post-line-height) * 1em);
padding-right: 1.5em;
// two lines of text
height: calc(var(--post-line-height) * 1em);
min-height: calc(var(--post-line-height) * 1em);
@ -236,9 +239,11 @@
.character-counter {
position: absolute;
bottom: 0;
right: 0;
right: 2.2em;
padding: 0;
margin: 0 0.5em;
margin: 0;
line-height: 2.2em;
height: 2.2em;
&.error {
color: var(--cRed);