Adds styles for deleted comments
This commit is contained in:
@@ -574,6 +574,8 @@
|
|||||||
padding: rem-calc(6) rem-calc(12);
|
padding: rem-calc(6) rem-calc(12);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
&.is-admin {
|
&.is-admin {
|
||||||
background: $comment-admin;
|
background: $comment-admin;
|
||||||
padding: rem-calc(6) rem-calc(12);
|
padding: rem-calc(6) rem-calc(12);
|
||||||
@@ -585,6 +587,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-deleted {
|
||||||
|
background: $deleted;
|
||||||
|
margin-left: rem-calc(42);
|
||||||
|
padding: rem-calc(6) rem-calc(12);
|
||||||
|
}
|
||||||
|
|
||||||
.comment-children {
|
.comment-children {
|
||||||
border-left: 1px dashed $border;
|
border-left: 1px dashed $border;
|
||||||
margin-left: rem-calc(42);
|
margin-left: rem-calc(42);
|
||||||
|
|||||||
@@ -801,6 +801,10 @@ img.initialjs-avatar {
|
|||||||
background: $association;
|
background: $association;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-deleted {
|
||||||
|
background: $deleted;
|
||||||
|
}
|
||||||
|
|
||||||
.level-1 {
|
.level-1 {
|
||||||
background: $level-1;
|
background: $level-1;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -76,6 +76,7 @@ $level-5: #F08A24;
|
|||||||
|
|
||||||
$author: #008CCF;
|
$author: #008CCF;
|
||||||
$association: #C0392B;
|
$association: #C0392B;
|
||||||
|
$deleted: #E7E7E7;
|
||||||
|
|
||||||
$comment-author: rgba(45,144,248,.15);
|
$comment-author: rgba(45,144,248,.15);
|
||||||
$comment-level-5: rgba(255,241,204,1);
|
$comment-level-5: rgba(255,241,204,1);
|
||||||
|
|||||||
@@ -1,8 +1,10 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div id="<%= dom_id(comment) %>" class="comment small-12 column">
|
<div id="<%= dom_id(comment) %>" class="comment small-12 column">
|
||||||
|
|
||||||
<% if comment.not_visible? %>
|
<% if comment.not_visible? && comment.children_count > 0 %>
|
||||||
<%= t("debates.comment.deleted") %>
|
<div class="is-deleted">
|
||||||
|
<p><%= t("debates.comment.deleted") %></p>
|
||||||
|
</div>
|
||||||
<% else %>
|
<% else %>
|
||||||
|
|
||||||
<% if comment.as_administrator? %>
|
<% if comment.as_administrator? %>
|
||||||
@@ -10,7 +12,6 @@
|
|||||||
<% elsif comment.as_moderator? %>
|
<% elsif comment.as_moderator? %>
|
||||||
<%= image_tag("moderator_avatar.png", size: 32, class: "moderator-avatar left") %>
|
<%= image_tag("moderator_avatar.png", size: 32, class: "moderator-avatar left") %>
|
||||||
<% else %>
|
<% else %>
|
||||||
|
|
||||||
<% if comment.user.organization? %>
|
<% if comment.user.organization? %>
|
||||||
<%= image_tag("collective_avatar.png", size: 32, class: "avatar left") %>
|
<%= image_tag("collective_avatar.png", size: 32, class: "avatar left") %>
|
||||||
<% else %>
|
<% else %>
|
||||||
@@ -19,7 +20,6 @@
|
|||||||
<% if comment.user.hidden? %>
|
<% if comment.user.hidden? %>
|
||||||
<i class="icon-deleted user-deleted"></i>
|
<i class="icon-deleted user-deleted"></i>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<div class="comment-body">
|
<div class="comment-body">
|
||||||
@@ -91,11 +91,10 @@
|
|||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<div class="comment-children">
|
<div class="comment-children">
|
||||||
<%= render comment.children.for_render.reorder('id DESC, lft') %>
|
<%= render comment.children.for_render.reorder('id DESC, lft') %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user