diff options
| -rw-r--r-- | app/posts/templates/posts/jrnl_detail.html | 4 | ||||
| -rw-r--r-- | design/sass/screenv10.scss | 14 | ||||
| -rw-r--r-- | design/templates/comments/form.html | 8 |
3 files changed, 18 insertions, 8 deletions
diff --git a/app/posts/templates/posts/jrnl_detail.html b/app/posts/templates/posts/jrnl_detail.html index 09e6b5f..d4bdb5f 100644 --- a/app/posts/templates/posts/jrnl_detail.html +++ b/app/posts/templates/posts/jrnl_detail.html @@ -149,10 +149,10 @@ {% get_comment_count for object as comment_count %} {%if comment_count > 0 %} <div class="comment-wrapper"> -<p class="comments--header">{{comment_count}} Comment{{ comment_count|pluralize }}</p> +<p class="comments-header">{{comment_count}} Comment{{ comment_count|pluralize }}</p> {% render_comment_list for object %} {%endif%} -<div class="comment--form--wrapper {%if comment_count > 0%}comment-form-border{%endif%}"> +<div class="comment-form-wrapper {%if comment_count > 0%}comment-form-border{%endif%}"> {% render_comment_form for object %} </div> {% else %} diff --git a/design/sass/screenv10.scss b/design/sass/screenv10.scss index 470c111..3149613 100644 --- a/design/sass/screenv10.scss +++ b/design/sass/screenv10.scss @@ -1205,15 +1205,25 @@ pre{ } //}}} //*********** comments **********************************{{{ -.comment-wrapper { +.comment-wrapper, .comment-form-wrapper { margin: 0 auto; max-width: 96%; } @media screen and (min-width: 750px) { - .comment-wrapper { + .comment-wrapper, .comment-form-wrapper { max-width: 750px; } } +.comment-form-wrapper .submit { + display: flex; + justify-content: flex-end; +} + +.comment-form-wrapper input[type="submit"] { + display: block; + width: 100px; + margin-left: 10px; +} .comment-card-wrapper:after { display: block; margin: 4rem auto; diff --git a/design/templates/comments/form.html b/design/templates/comments/form.html index eaebada..be2c120 100644 --- a/design/templates/comments/form.html +++ b/design/templates/comments/form.html @@ -1,9 +1,9 @@ {% load comments i18n %} -<div class="comment--form--header"> +<div class="comment-form-header"> <p class="hed">Thoughts?</p> <p class="subhed">Please leave a reply:</p> </div> -<form action="{% comment_form_target %}" method="post" class="comment--form"> +<form action="{% comment_form_target %}" method="post" class="comment-form"> {% if next %}<div><input type="hidden" name="next" value="{{ next }}" /></div>{% endif %} <input type="hidden" name="rder" value="{{ form.instance.content_object.get_absolute_url }}" /> {% for field in form %} @@ -17,9 +17,9 @@ {% endif %} {% endfor %} <div class="submit"> - <input type="submit" name="post" class="submit-post btn" value="{% trans "Post" %}" /> <input type="submit" name="preview" class="submit-preview btn" value="{% trans "Preview" %}" /> + <input type="submit" name="post" class="submit-post btn" value="{% trans "Post" %}" /> </div> </form> -<p style="font-size: 95%;"><strong>All comments are moderated</strong>, so you won’t see it right away. And please remember Kurt Vonnegut's rule: “god damn it, you’ve got to be kind.” You can use Markdown or HTML to format your comments. The allowed tags are <code><b>, <i>, <em>, <strong>, <a></code>. To create a new paragraph hit return twice. </p> +<p style="font-size: 75%;"><strong>All comments are moderated</strong>, so you won’t see it right away. And please remember Kurt Vonnegut's rule: “god damn it, you’ve got to be kind.” You can use Markdown or HTML to format your comments. The allowed tags are <code><b>, <i>, <em>, <strong>, <a></code>. To create a new paragraph hit return twice. </p> |