make reply box larger when focussed

This commit is contained in:
flash 2017-03-24 17:59:54 +01:00
parent b07b5fe745
commit 3d1e3d742a
2 changed files with 5 additions and 1 deletions

View file

@ -77,6 +77,10 @@
&--green { &--green {
box-shadow: inset 0 0 7px #A9EC8B; box-shadow: inset 0 0 7px #A9EC8B;
} }
&--grow:focus {
min-height: 200px;
}
} }
&__range { &__range {

View file

@ -20,7 +20,7 @@
<input type="text" class="input__text" name="title" id="postingTitle" placeholder="Title"> <input type="text" class="input__text" name="title" id="postingTitle" placeholder="Title">
</div> </div>
<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> <div>
<div style="float: left;"> <div style="float: left;">