Система комментариев Disqus - смещение по левому краю - PullRequest
Новая
       7

Система комментариев Disqus - смещение по левому краю

1 голос
/ 24 ноября 2011

Мне нужно увеличить оставленное поле для комментариев, которые являются родителями (комментарии, которые являются ответами). Оставшееся поле теперь составляет 46px, 58px и т. Д.

Есть ли какой-нибудь способ установить значение поля disqus, которое должно компенсировать комментарии?

1 Ответ

0 голосов
/ 24 ноября 2011

Ответ через скрипт

Если вы имеете в виду комментарии к комментариям к комментариям, вы можете использовать следующий метод, который имеет смещение 46 + 12 для каждого родителя. 

$(".comment:not(.changed)").each(function(){
    $(this).addClass("changed");
    var parents = $(this).parents(".comments");
    $(this).css("marginLeft", 46 + ( parents.length * 12));
});

Ответ через CSS

Если вы получили статическое количество комментариев, вы можете использовать css 

.comment{ margin-left: 46px; }
.comment .comment{ margin-left: 58px; }
.comment .comment .comment{ margin-left: 70px; }

Лучшее решение

Но их лучше вкладывать, так что вы можете просто использовать margin-left: 12px;, а вложенные уже переместились на 12px, и теперь его поле также будет там.Поэтому переместил еще 12px.

Тогда HTML будет выглядеть так: 

<ul>
    <li>COMMENT
        <ul>
            <li>COMMENT

                <ul>...ETC</ul>
            </li>
        </ul>
    </li>
</ul>

И CSS: 

ul{ margin-left: 12px; }
...