feat(comments): комментарии автора теперь отображаются справа

- Добавлен класс comment-item--own для комментариев текущего пользователя
- Комментарии автора выравниваются по правому краю
- Добавлен стиль с фоном primary для комментариев автора
- Комментарии других пользователей остаются слева с серым фоном
- Максимальная ширина комментариев 70% для лучшей читаемости
This commit is contained in:
admin i 2025-11-29 15:45:23 +03:00
parent 465ecd3074
commit 7e305bcd91
3 changed files with 22 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@ -8,6 +8,8 @@
.comment-item {
padding: 0.5rem 0; // py-2
display: flex;
flex-direction: column;
.comment-header {
font-size: 0.875rem; // small
@ -38,6 +40,24 @@
line-height: 1.5;
white-space: pre-wrap;
word-wrap: break-word;
padding: 0.75rem 1rem;
background: var(--bs-secondary-bg);
border-radius: 1rem;
max-width: 70%;
}
// Комментарии автора (текущего пользователя) - справа
&.comment-item--own {
align-items: flex-end;
.comment-header {
text-align: right;
}
.comment-body {
background: var(--bs-primary-bg-subtle);
border: 1px solid color-mix(in srgb, var(--bs-primary), transparent 85%);
}
}
}

View File

@ -170,7 +170,7 @@
{% for c in comments %}
{% firstof c.id c.pk as cid %}
{% firstof c.author.id c.author.pk c.author_id as c_author_id %}
<div id="c{{ cid }}" class="comment-item">
<div id="c{{ cid }}" class="comment-item{% if c_author_id == user.id %} comment-item--own{% endif %}">
<div class="comment-header">
{% if c_author_id %}
<a href="{% url 'employees:employee_detail' c_author_id %}" class="comment-author">