feat(comments): комментарии автора теперь отображаются справа
- Добавлен класс comment-item--own для комментариев текущего пользователя - Комментарии автора выравниваются по правому краю - Добавлен стиль с фоном primary для комментариев автора - Комментарии других пользователей остаются слева с серым фоном - Максимальная ширина комментариев 70% для лучшей читаемости
This commit is contained in:
parent
465ecd3074
commit
7e305bcd91
2
backend/static/css/bootstrap-custom.css
vendored
2
backend/static/css/bootstrap-custom.css
vendored
File diff suppressed because one or more lines are too long
@ -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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user