more appropiate class name

This commit is contained in:
flash 2016-12-07 14:51:25 +01:00
parent aba08bd03f
commit 66f6b9a40d
3 changed files with 4 additions and 4 deletions

View file

@ -1,7 +1,7 @@
.comment-container {
list-style: none;
&--reply {
&--indent {
margin-left: 40px;
}
}

View file

@ -1,4 +1,4 @@
<li id="comment-{{ comment.id }}" class="comment-container{% if comment_depth > 0 and comment_depth < 6 %} comment-container--reply{% endif %}">
<li id="comment-{{ comment.id }}" class="comment-container{% if comment_depth > 0 and comment_depth < 6 %} comment-container--indent{% endif %}">
<div class="comment">
<a class="avatar avatar--border comment__avatar{% if comment_depth == 0 %} comment__avatar--big{% endif %}" href="{{ route('user.profile', comment.userData.id) }}" style="background-image: url('{{ route('user.avatar', comment.userData.id) }}');">
<span class="comment__username" style="color: {{ comment.userData.colour }};">

View file

@ -70,7 +70,7 @@
function commentAdd(obj) {
var container = document.createElement('li');
container.id = "comment-" + obj.id;
container.className = 'comment-container';
container.className = 'comment-container comment-container--indent';
var inner = document.createElement('div');
inner.className = 'comment';
@ -190,7 +190,7 @@
// Container
var replyContainer = document.createElement('li');
replyContainer.id = 'comment-reply-container-' + id;
replyContainer.className = 'comment-container';
replyContainer.className = 'comment-container comment-container--indent';
// Comment container
var replyDiv = document.createElement('div');