From 3d1e3d742aa66065a41978b539fbb8a8eaafcd3f Mon Sep 17 00:00:00 2001
From: flashwave <me@flash.moe>
Date: Fri, 24 Mar 2017 17:59:54 +0100
Subject: [PATCH] make reply box larger when focussed

---
 resources/assets/less/yuuno/bem/input.less          | 4 ++++
 resources/views/yuuno/forum/elements/replyForm.twig | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/assets/less/yuuno/bem/input.less b/resources/assets/less/yuuno/bem/input.less
index 6bf8245..506ec5b 100644
--- a/resources/assets/less/yuuno/bem/input.less
+++ b/resources/assets/less/yuuno/bem/input.less
@@ -77,6 +77,10 @@
         &--green {
             box-shadow: inset 0 0 7px #A9EC8B;
         }
+
+        &--grow:focus {
+            min-height: 200px;
+        }
     }
 
     &__range {
diff --git a/resources/views/yuuno/forum/elements/replyForm.twig b/resources/views/yuuno/forum/elements/replyForm.twig
index 20ed06f..579674e 100644
--- a/resources/views/yuuno/forum/elements/replyForm.twig
+++ b/resources/views/yuuno/forum/elements/replyForm.twig
@@ -20,7 +20,7 @@
             <input type="text" class="input__text" name="title" id="postingTitle" placeholder="Title">
         </div>
         <div>
-            <textarea class="input__text" name="text" id="postingText" placeholder="Hit ctrl+enter to submit quickly!"></textarea>
+            <textarea class="input__text input__text--grow" name="text" id="postingText" placeholder="Hit ctrl+enter to submit quickly!"></textarea>
         </div>
         <div>
             <div style="float: left;">