Files
tnsu-approval-route/frontend/src/webparts/approvalAdmin/components/screens/RouteStepFormModal.module.scss
T
gorbenko.pavel ba48ed1a0e
Tests / frontend-test (push) Successful in 47s
Tests / backend-test (push) Successful in 2m12s
Несколько условий шага, объединяемых через И/ИЛИ (#16)
<html>
<body>
<!--StartFragment-->
GetEmployeeByEmailAsync возвращает массив; новый HeadType.CompanyDirectors
--

<!--EndFragment-->
</body>
</html>[GetEmployeeByEmailAsync возвращает массив; новый HeadType.CompanyDirectors](http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/commit/572749b4d7cc11bc8e1ef4184a93f18a14b710ab)

---------

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz>
Reviewed-on: http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/pulls/16
2026-08-25 07:04:44 +00:00

95 lines
2.3 KiB
SCSS

@import '../../../../styles/design-tokens';
// Список условий появления шага — своя мини-форма после основной сетки полей
// (тот же приём, что и в ResolveScreen для списка проверяемых значений).
.conditions {
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid $gray-200;
}
.conditionRow {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr auto;
gap: 10px;
align-items: center;
margin-bottom: 10px;
}
.conditionsHint {
margin: -4px 0 10px;
font-size: 11.5px;
color: $gray-400;
}
// Подсказка «кого найдёт эта должность» под полем «Должность». Живёт внутри
// Field, поэтому отступ сверху небольшой — визуально это продолжение поля,
// а не отдельный блок.
.positionPreview {
margin-top: 6px;
padding: 8px 10px;
border: 1px solid $gray-200;
border-radius: $r-sm;
background: $gray-50;
font-size: 12px;
line-height: 1.5;
}
// Найдено — зелёная рамка: должность рабочая, шаг резолвится.
.previewOk {
border-color: $green-600;
background: rgba($green-600, .06);
}
// Не найдено — предупреждение: шаг останется без исполнителя.
.previewMiss {
border-color: $gold-500;
background: $gold-50;
}
.previewTitle {
color: $gray-700;
}
.previewList {
margin: 6px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 3px;
}
.previewPerson {
color: $gray-900;
}
.previewCompany {
color: $gray-500;
}
// Похожая должность — кнопка: клик подставляет её точное написание в поле,
// чтобы не переписывать вручную и не ошибиться в регистре/пробелах.
.previewSuggest {
display: block;
width: 100%;
padding: 4px 6px;
border: 0;
border-radius: $r-sm;
background: transparent;
text-align: left;
font-family: $font-sans;
font-size: 12px;
color: $navy-700;
cursor: pointer;
&:hover {
background: #fff;
color: $gold-600;
}
}
.previewSuggestCount {
color: $gray-500;
}