Change comment css
This commit is contained in:
parent
f17519fbc4
commit
7ef0c47427
2 changed files with 16 additions and 11 deletions
|
@ -37,6 +37,11 @@ a {
|
||||||
border: 1px solid #CCC;
|
border: 1px solid #CCC;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.comment-img {
|
||||||
|
display: flex;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.new-comments .comment-display {
|
.new-comments .comment-display {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: -0.25em !important;
|
margin-top: -0.25em !important;
|
||||||
|
@ -47,9 +52,8 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-comments .comment .detail {
|
.new-comments .comment .detail {
|
||||||
margin: 0px 15px 0px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: calc(100% - 134px);
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-comments .comment-edits {
|
.new-comments .comment-edits {
|
||||||
|
@ -64,6 +68,7 @@ a {
|
||||||
border-bottom: 1px #888 solid;
|
border-bottom: 1px #888 solid;
|
||||||
color: #888;
|
color: #888;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.previous-revision, .next-revision {
|
.previous-revision, .next-revision {
|
||||||
|
@ -80,8 +85,8 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-comments .gravatar {
|
.new-comments .gravatar {
|
||||||
width: 75px;
|
width: 1.5em;
|
||||||
max-width: 75px;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-comments .vote {
|
.new-comments .vote {
|
||||||
|
|
|
@ -64,16 +64,16 @@
|
||||||
class="downvote-link fa fa-chevron-down fa-fw"></a>
|
class="downvote-link fa fa-chevron-down fa-fw"></a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% with author=node.author, user=node.author.user %}
|
|
||||||
<a href="{{ url('user_page', user.username) }}" class="user">
|
|
||||||
<img src="{{ gravatar(author, 135) }}" class="gravatar">
|
|
||||||
</a>
|
|
||||||
{% endwith %}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="detail">
|
<div class="detail">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
{{ link_user(node.author) }}
|
{% with author=node.author, user=node.author.user %}
|
||||||
{{ relative_time(node.time, abs=_('commented on {time}'), rel=_('commented {time}')) }}
|
<a href="{{ url('user_page', user.username) }}" class="user comment-img">
|
||||||
|
<img src="{{ gravatar(author, 135) }}" class="gravatar">
|
||||||
|
</a>
|
||||||
|
{% endwith %}
|
||||||
|
{{ link_user(node.author) }},
|
||||||
|
{{ relative_time(node.time, abs=_('{time}'), rel=_('{time}')) }}
|
||||||
<span class="comment-spacer"></span>
|
<span class="comment-spacer"></span>
|
||||||
<span class="comment-operation">
|
<span class="comment-operation">
|
||||||
{% if node.revisions > 1 %}
|
{% if node.revisions > 1 %}
|
||||||
|
|
Loading…
Reference in a new issue