feat: добавлено отображение статуса делеганта и того кто его назначил

This commit is contained in:
Тимур Городецкий
2026-08-17 12:06:09 +05:00
parent a937e33f2e
commit e6ca84827a
8 changed files with 91 additions and 156 deletions
@@ -66,9 +66,8 @@
margin-left: 0;
}
// Цвет пунктов списка — те же цвета, что у StatusBadge (см. statusOptionClassName
// в RequestsTableView.tsx). Только color: background-color нативный <option>
// показывает не во всех браузерах одинаково, поэтому не используем.
// Цвет пунктов списка — те же цвета, что у StatusBadge. Только color:
// background-color нативный <option> показывает не во всех браузерах одинаково.
.optionDraft { color: $gray-700; }
.optionOnApproval { color: $blue-600; }
.optionApproved { color: $green-600; }
@@ -112,6 +111,8 @@
background: $red-50;
}
// Карточка-контейнер вокруг таблицы. Сама таблица (заголовки, строки, ховер,
// горизонтальный скролл) теперь в @tnsu/ui-kit DataTable.
.tableWrap {
background: $white;
border: 1px solid $gray-200;
@@ -120,97 +121,7 @@
overflow: hidden;
}
.table {
width: 100%;
border-collapse: collapse;
font-size: $fs-sm;
th {
text-align: left;
padding: 12px 16px;
background: $gray-50;
border-bottom: 1px solid $gray-200;
color: $gray-500;
font-size: $fs-label;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .04em;
white-space: nowrap;
}
td {
padding: 14px 16px;
border-bottom: 1px solid $gray-100;
color: $gray-900;
vertical-align: middle;
overflow-wrap: break-word;
word-break: break-word;
}
tbody tr:last-child td {
border-bottom: 0;
}
}
// Кликабельна вся строка (см. RequestsTableView — onClick на <tr>).
.row {
cursor: pointer;
transition: background .16s;
&:hover {
background: $gold-50;
}
&:focus-visible {
outline: 2px solid $gold-500;
outline-offset: -2px;
}
}
.colId {
width: 70px;
color: $gray-400;
white-space: nowrap;
}
.colType {
width: 200px;
color: $navy-700;
font-weight: 500;
}
.colTitle {
min-width: 240px;
}
.colDate {
width: 110px;
color: $gray-500;
white-space: nowrap;
}
.colAuthor {
width: 280px;
color: $gray-500;
}
.colStatus {
width: 190px;
}
// Причина возврата — свободный текст согласующего, поэтому переносим по словам
// (в т.ч. длинное слово без пробелов, иначе оно растянет таблицу).
.colComment {
white-space: normal;
overflow-wrap: anywhere;
color: $gray-700;
}
// Пустой комментарий в колонке «Причина возврата/отклонения».
.commentEmpty {
color: $gray-400;
}
// Раскраска статуса — теперь только в shared/approval/ui/StatusBadge (см.
// использование ниже с size="sm"). Раньше здесь была своя копия этих цветов —
// она разошлась с эталоном (На согласовании/Возвращена на доработку оказались
// перепутаны), поэтому копию убрали, а не подправили.