Обходной лист (#12)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz> Reviewed-on: http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/pulls/12
2026-08-17 05:43:52 +00:00
parent d076f4e98d
commit 48ede1420d
37 changed files with 1351 additions and 435 deletions
@@ -0,0 +1,72 @@
+@import '../../../../styles/design-tokens';
+
+// Подсказка «кого найдёт эта должность» под полем «Должность». Живёт внутри
+// 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;
+}