diff options
| author | Henry Jameson <me@hjkos.com> | 2022-04-26 00:07:51 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-04-26 00:08:55 +0300 |
| commit | 318c62c8526f2513f9760dba9ccc48d8c27c7645 (patch) | |
| tree | 84c3fafab77fb67c606ef91e04770e51dff9b7ef /src | |
| parent | 2a6f42fef3ff9c087aab4589d229e0f6c1b45c90 (diff) | |
reduce height of post form by default
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 6 | ||||
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 10 |
2 files changed, 10 insertions, 6 deletions
diff --git a/src/App.scss b/src/App.scss index 3d30ec79..3a0204d1 100644 --- a/src/App.scss +++ b/src/App.scss @@ -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], diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index ebeead07..a967d3a3 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -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; |