pleroma-fe

commit: 318c62c8526f2513f9760dba9ccc48d8c27c7645
parent 2a6f42fef3ff9c087aab4589d229e0f6c1b45c90
Author: Henry Jameson <me@hjkos.com>
Date:   Tue, 26 Apr 2022 00:07:51 +0300

reduce height of post form by default

Diffstat:
M
src/App.scss
6
++++--
M
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
@@ -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
@@ -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;