Fixed abnormal CSS display

This commit is contained in:
Vincent Tam 2018-12-13 04:44:07 +01:00
parent f0a37b9c9b
commit 7ef5c2e87d
2 changed files with 8 additions and 1 deletions

View file

@ -50,7 +50,7 @@
<div class="comment-timestamp"><a href="#comment-{{ $.Scratch.Get "hasComments" }}r{{ $.Scratch.Get "hasReplies" }}" title="Permalink to this comment"><time datetime="{{ .date }}">{{ dateFormat "02 Jan 2006" .date }}</time></a></div> <div class="comment-timestamp"><a href="#comment-{{ $.Scratch.Get "hasComments" }}r{{ $.Scratch.Get "hasReplies" }}" title="Permalink to this comment"><time datetime="{{ .date }}">{{ dateFormat "02 Jan 2006" .date }}</time></a></div>
<div class="comment-content"><p>{{ .comment | markdownify }}</p></div> <div class="comment-content"><p>{{ .comment | markdownify }}</p></div>
<div class="comment-reply-btn"> <div class="comment-reply-btn">
<a id="{{ ._id }}" class="btn" href="#comment-form" title="{{ $.Scratch.Get "threadID" }}">Reply to this message</a> <a id="{{ ._id }}" class="btn" href="#comment-form" title="{{ $.Scratch.Get "threadID" }}">Reply to this comment</a>
</div> </div>
</article> </article>
{{ end }} {{ end }}

View file

@ -56,6 +56,9 @@
margin-left: 58px; margin-left: 58px;
} }
.staticman-comments article {
margin: 30px 0px 30px 0px;
}
.staticman-comments .static-comment-reply { .staticman-comments .static-comment-reply {
margin-left: 2em; margin-left: 2em;
@ -65,6 +68,10 @@
margin: 0px 0px 14px 58px; margin: 0px 0px 14px 58px;
} }
.staticman-comments .comment-reply-target {
margin: 0px 0px 0px 58px;
}
.staticman-comments .js-form { .staticman-comments .js-form {
margin-top: 30px; margin-top: 30px;
} }