make reply box larger when focussed
This commit is contained in:
parent
b07b5fe745
commit
3d1e3d742a
2 changed files with 5 additions and 1 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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;">
|
||||||
|
|
Reference in a new issue