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

Merge branch 'small-fixes-and-improvements' into shigusegubu-themes3

Browse source
This commit is contained in:
Henry Jameson 2026-05-11 10:41:55 +03:00
commit de82bbd8e0
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 { .emoji-picker-icon {
position: absolute; position: absolute;
top: 0; bottom: 0;
right: 0; right: 0;
padding: 0.2em 0.25em; height: 100%;
padding: 0 0.2em;
font-size: 1.3em; font-size: 1.3em;
cursor: pointer; cursor: pointer;
line-height: 1.2em; line-height: 1.2em;
@ -130,10 +131,11 @@
} }
} }
&.-textarea .emoji-picker-icon { &.-textarea {
inset: auto; .emoji-picker-icon {
bottom: 0; height: auto;
left: 0; padding: 0.2em;
}
} }
.emoji-picker-panel { .emoji-picker-panel {
@ -157,16 +159,11 @@
outline: none; outline: none;
} }
&.-with-picker { &.-with-picker {
textarea,
input { input {
padding-right: 2.4em; padding-right: 2.4em;
} }
textarea {
padding-bottom: 0;
margin-bottom: 2.5em;
}
} }
.hidden-overlay { .hidden-overlay {

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

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