Рекурсивная система комментариев в django

У меня есть система комментариев для моего сайта, и я передаю все комментарии вместе с соответствующим постом, но когда я просматриваю комментарии и показываю дочерние элементы каждого комментария, он показывает дочерние элементы после него как независимые комментарии.

{% load custom_tags %}
{% for comment in page_obj %}
<div class="comments">
  <h6>
    <a href="{% url 'main:creator' comment.publisher.id %}">
      {{comment.publisher.name}}
    </a>
  </h6>    
  <span>{{ comment.created_on}}</span>
  <div>
    {{comment.text}}
    <br>
  </div>
  {% if comment.children %}
  <ul style="margin-right: 5%;">
    {% include "post/comment.html" with page_obj=comment.children %}
  </ul>
  {% endif %}
</div>
{% endfor %}

Вы перепутали margin-right и margin-left. Установка margin-right: 5%; не добавит правое поле, которое не переместит дочерние комментарии. Вам нужно заменить margin-right: 5%; на margin-left: 5%;.

Другая возможность связана с особенностями родителя div. 5% может не сработать в некоторых ситуациях. Вы можете попробовать заменить его на что-то вроде 50px в случае, если предыдущий вариант не работает.

Вернуться на верх