diff options
| -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; |