moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reduce height of post form by default

This commit is contained in:
Henry Jameson 2022-04-26 00:07:51 +03:00
parent 2a6f42fef3
commit 318c62c852
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.scss
View File

@ -440,6 +440,8 @@ textarea,
height: unset;
}
--padding: 0.5em;
border: none;
border-radius: $fallback--inputRadius;
border-radius: var(--inputRadius, $fallback--inputRadius);
@ -456,10 +458,10 @@ textarea,
box-sizing: border-box;
display: inline-block;
position: relative;
height: 2em;
height: 2.4em;
line-height: 1.2;
hyphens: none;
padding: 8px 0.5em;
padding: var(--padding);
&:disabled,
&[disabled=disabled],

10
src/components/post_status_form/post_status_form.vue
View File

@ -507,12 +507,14 @@
}
.form-post-body {
resize: none;
box-sizing: content-box;
overflow: hidden;
transition: min-height 200ms 100ms;
padding-bottom: 1.75em;
min-height: 2em;
box-sizing: content-box;
padding-bottom: calc(var(--padding) + 1.2em);
// Because we changed box-sizing original height values are no longer correct
height: 1.2em;
min-height: 1.2em;
resize: none;
&.scrollable-form {
overflow-y: auto;