improves styles for reply and deleted comments
This commit is contained in:
@@ -1626,6 +1626,10 @@ table {
|
|||||||
.divider {
|
.divider {
|
||||||
color: $text-light;
|
color: $text-light;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
margin-top: $line-height/2;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-user {
|
.comment-user {
|
||||||
@@ -1655,13 +1659,13 @@ table {
|
|||||||
|
|
||||||
.is-deleted {
|
.is-deleted {
|
||||||
background: #E7E7E7;
|
background: #E7E7E7;
|
||||||
margin-left: rem-calc(42);
|
margin-left: $line-height;
|
||||||
padding: $line-height/4 $line-height/2;
|
padding: $line-height/2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-children {
|
.comment-children {
|
||||||
border-left: 1px dashed $border;
|
border-left: 1px dashed $border;
|
||||||
margin-left: rem-calc(42);
|
margin-left: $line-height;
|
||||||
padding-left: $line-height/4;
|
padding-left: $line-height/4;
|
||||||
|
|
||||||
@media only screen and (max-width: 40em) {
|
@media only screen and (max-width: 40em) {
|
||||||
|
|||||||
@@ -91,8 +91,8 @@
|
|||||||
<%= render 'comments/form', {commentable: comment.commentable, parent_id: comment.id, toggeable: true} %>
|
<%= render 'comments/form', {commentable: comment.commentable, parent_id: comment.id, toggeable: true} %>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
<% end %>
|
||||||
<% end %>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<ul id="<%= dom_id(comment) %>_children" class="no-bullet comment-children">
|
<ul id="<%= dom_id(comment) %>_children" class="no-bullet comment-children">
|
||||||
<% child_comments_of(comment).each do |child| %>
|
<% child_comments_of(comment).each do |child| %>
|
||||||
|
|||||||
Reference in New Issue
Block a user