only collapse empty comment box
This commit is contained in:
parent
d44300c7a2
commit
715f451ed4
3 changed files with 8 additions and 3 deletions
|
|
@ -38,5 +38,5 @@
|
||||||
width: 95%;
|
width: 95%;
|
||||||
}
|
}
|
||||||
.comment_box { width: 95%; }
|
.comment_box { width: 95%; }
|
||||||
.comment_box:focus { min-height: 100px; }
|
.comment_box:focus, .comment_box:valid { min-height: 100px; }
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -87,11 +87,16 @@ form.block-form {
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea, input[type=text], input[type=password], input[type=search] {
|
textarea, input[type=text], input[type=password], input[type=search] {
|
||||||
&:focus, &:invalid:focus {
|
&:focus,
|
||||||
|
&:invalid,
|
||||||
|
&:invalid:focus,
|
||||||
|
&:invalid:required,
|
||||||
|
&:invalid:required:focus {
|
||||||
border: 1px solid $border-dark-grey;
|
border: 1px solid $border-dark-grey;
|
||||||
outline: none;
|
outline: none;
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
color : $text-dark-grey;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
|
|
||||||
<div class="bd">
|
<div class="bd">
|
||||||
<form accept-charset="UTF-8" action="/posts/{{id}}/comments" class="new_comment" id="new_comment_on_{{id}}" method="post">
|
<form accept-charset="UTF-8" action="/posts/{{id}}/comments" class="new_comment" id="new_comment_on_{{id}}" method="post">
|
||||||
<textarea class="comment_box" id="comment_text_on_{{id}}" name="text" rows="2" placeholder="{{t "stream.comment"}}" />
|
<textarea class="comment_box" id="comment_text_on_{{id}}" name="text" rows="2" required placeholder="{{t "stream.comment"}}" />
|
||||||
<div class="submit_button">
|
<div class="submit_button">
|
||||||
<input class="button creation" id="comment_submit_{{id}}" name="commit" type="submit" value="{{t "stream.comment"}}" />
|
<input class="button creation" id="comment_submit_{{id}}" name="commit" type="submit" value="{{t "stream.comment"}}" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue