50 lines
2.6 KiB
Plaintext
50 lines
2.6 KiB
Plaintext
Шаг 1: Назначение перемнных в шаблоне
|
||
|
||
<script type="text/javascript">
|
||
var aveabspath = '[tag:path]';
|
||
var UGROUP = <?=UGROUP;?>;
|
||
</script>
|
||
|
||
Шаг 2: Нужен плагин для jQuery - jquery.form
|
||
http://malsup.com/jquery/form/
|
||
|
||
|
||
|
||
/* ====================================================================
|
||
СТИЛИ ДЛЯ ДРЕВОВИДНОГО ОТОБРАЖЕНИЯ КОММЕНТАРИЕВ (Replies)
|
||
==================================================================== */
|
||
|
||
/* 1. Общий контейнер ответа, который находится внутри .mod_comment_comment
|
||
и имеет отступ ms-4 */
|
||
.mod_comment_comment .mod_comment_comment.ms-4 {
|
||
/* Добавляем вертикальную линию слева */
|
||
border-left: 3px solid #dee2e6; /* Легкая граница */
|
||
|
||
/* Уменьшаем margin-left, который дает ms-4, чтобы освободить место
|
||
для линии и при этом не уходить слишком далеко вправо на каждом уровне. */
|
||
margin-left: 20px !important; /* Принудительно уменьшаем отступ */
|
||
padding-left: 15px; /* Отступ между линией и контентом ответа */
|
||
|
||
/* Опционально: немного отличающийся фон */
|
||
background-color: #f8f9fa;
|
||
}
|
||
|
||
/* 2. Отдельно стилизуем рамку для вложенных карточек, чтобы они не выглядели
|
||
громоздко внутри родителя */
|
||
.mod_comment_comment .mod_comment_comment.ms-4 > .mod_comment_box {
|
||
border: none !important; /* Убираем стандартную рамку карточки, чтобы осталась только наша вертикальная линия */
|
||
}
|
||
|
||
/* 3. Убираем рамки у вложенных заголовков, чтобы линия была чистой */
|
||
.mod_comment_comment .mod_comment_comment.ms-4 > .mod_comment_box > .card-header {
|
||
border-bottom: none !important;
|
||
}
|
||
|
||
/* 4. Более глубокий уровень вложенности (если ответов много) */
|
||
/* Если ответ на ответ имеет дополнительный ms-4, стилизуем его дальше */
|
||
.mod_comment_comment .mod_comment_comment.ms-4 .mod_comment_comment.ms-4 {
|
||
border-color: #adb5bd; /* Чуть темнее линия для следующего уровня */
|
||
background-color: #fff; /* Возвращаем белый фон для контраста */
|
||
}
|
||
|