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 { .comment-container {
list-style: none; list-style: none;
&--reply { &--indent {
margin-left: 40px; 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"> <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) }}');"> <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 }};"> <span class="comment__username" style="color: {{ comment.userData.colour }};">

View file

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