REFACTOR: move composer min-height to CSS (#14378)

REFACTOR: move composer min-height to CSS (#14378)

diff --git a/app/assets/javascripts/discourse/app/components/composer-body.js b/app/assets/javascripts/discourse/app/components/composer-body.js
index d64a91c..3eb7350 100644
--- a/app/assets/javascripts/discourse/app/components/composer-body.js
+++ b/app/assets/javascripts/discourse/app/components/composer-body.js
@@ -15,7 +15,6 @@ const START_EVENTS = "touchstart mousedown";
 const DRAG_EVENTS = "touchmove mousemove";
 const END_EVENTS = "touchend mouseup";
 
-const MIN_COMPOSER_SIZE = 240;
 const THROTTLE_RATE = 20;
 
 function mouseYPos(e) {
@@ -121,7 +120,6 @@ export default Component.extend(KeyEnterEscape, {
 
       const winHeight = $(window).height();
       size = Math.min(size, winHeight - headerHeight());
-      size = Math.max(size, MIN_COMPOSER_SIZE);
       this.movePanels(size);
       $composer.height(size);
     };
diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss
index d0f4095..4a7fbfe 100644
--- a/app/assets/stylesheets/common/base/compose.scss
+++ b/app/assets/stylesheets/common/base/compose.scss
@@ -515,6 +515,12 @@ body.ios-safari-composer-hacks {
 
 body:not(.ios-safari-composer-hacks) {
   #reply-control.open {
+    --min-height: 255px;
+    min-height: var(--min-height);
+    &.composer-action-reply {
+      // we can let the reply composer get a little shorter
+      min-height: calc(var(--min-height) - 4em);
+    }
     padding-bottom: var(--composer-ipad-padding);
   }
 }

GitHub sha: a7c342ccb90f14d21220e0d582e7225429a8067a

This commit appears in #14378 which was approved by CvX and pmusaraj. It was merged by awesomerobot.