From 3ebaba6fa708296b8ef46f9defe597b337f6e9a1 Mon Sep 17 00:00:00 2001 From: RiedleroD Date: Fri, 26 Apr 2024 23:43:14 +0200 Subject: [PATCH 1/2] smushed subject line and post body together, kinda --- src/components/post_status_form/post_status_form.vue | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index bd39759e..b6bbe798 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -584,6 +584,11 @@ line-height: 1.85; } + .form-post-subject { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + .form-post-body { // TODO: make a resizable textarea component? box-sizing: content-box; // needed for easier computation of dynamic size @@ -595,6 +600,8 @@ height: calc(var(--post-line-height) * 1em); min-height: calc(var(--post-line-height) * 1em); resize: none; + border-top-left-radius: 0; + border-top-right-radius: 0; &.scrollable-form { overflow-y: auto; From b2cab6d0882c65e96fe8278888c8f0a4cdf75c21 Mon Sep 17 00:00:00 2001 From: RiedleroD Date: Sun, 16 Jun 2024 16:26:44 +0200 Subject: [PATCH 2/2] only flatten top of post body textarea if subject line is visible --- src/components/post_status_form/post_status_form.vue | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index b6bbe798..79049f05 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -170,7 +170,7 @@ cols="1" :disabled="posting && !optimisticPosting" class="form-post-body" - :class="{ 'scrollable-form': !!maxHeight }" + :class="{ 'scrollable-form': !!maxHeight, '-has-subject': subjectVisible }" @keydown.exact.enter="submitOnEnter && postStatus($event, newStatus)" @keydown.meta.enter="postStatus($event, newStatus)" @keydown.ctrl.enter="!submitOnEnter && postStatus($event, newStatus)" @@ -600,8 +600,11 @@ height: calc(var(--post-line-height) * 1em); min-height: calc(var(--post-line-height) * 1em); resize: none; - border-top-left-radius: 0; - border-top-right-radius: 0; + + &.-has-subject { + border-top-left-radius: 0; + border-top-right-radius: 0; + } &.scrollable-form { overflow-y: auto;