improves styles for reply and deleted comments

This commit is contained in:
Alberto Garcia Cabeza
2016-12-27 16:29:32 +01:00
parent 170ef4e680
commit a95edee7c7
2 changed files with 9 additions and 5 deletions

View File

@@ -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) {

View File

@@ -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| %>