subtype/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

reduce height of post form by default

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

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

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