feat: добавлено отображение статуса делеганта и того кто его назначил
This commit is contained in:
@@ -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"). Раньше здесь была своя копия этих цветов —
|
||||
// она разошлась с эталоном (На согласовании/Возвращена на доработку оказались
|
||||
// перепутаны), поэтому копию убрали, а не подправили.
|
||||
|
||||
Reference in New Issue
Block a user