pcp-tgu-ops-ui: вкладка Редактор — шаг времени маршрута и формат длительности

- RouteTimeStepper и доработки EditorPanels/TguEditorTab по вводу времени;
- formatDuration: секунды/минуты для коротких интервалов;
- стили tgu-editor.css.
This commit is contained in:
Дмитрий Соловьев
2026-06-02 22:06:06 +03:00
parent c2e2b2922f
commit 240e12f442
4 changed files with 248 additions and 43 deletions
@@ -910,6 +910,18 @@
text-align: left;
}
/* Узкая правая панель: строка прохода не помещается в один ряд — раскладываем
подпись и параметры видимости в столбец, чтобы текст не обрезался. */
.tgu-editor-pass-list button {
flex-direction: column;
align-items: stretch;
gap: 0.2rem;
}
.tgu-editor-pass-list small {
white-space: normal;
}
.tgu-editor-pass-list span,
.tgu-editor-station span {
color: var(--text);
@@ -975,7 +987,8 @@
font-size: 0.62rem;
}
.tgu-editor-time-stepper output {
.tgu-editor-time-stepper output,
.tgu-editor-time-stepper input {
flex: 1;
min-width: 0;
border: 1px solid var(--line);
@@ -988,6 +1001,31 @@
text-align: center;
}
.tgu-editor-time-stepper input::-webkit-calendar-picker-indicator {
filter: invert(1);
opacity: 0.5;
cursor: pointer;
}
/* Секундный степпер окна маршрута: поле ввода на своей строке, кнопки ± — ниже,
чтобы помещаться в узкую правую панель. */
.tgu-editor-time-stepper--seconds {
gap: 0.3rem;
}
.tgu-editor-time-stepper--seconds > input {
width: 100%;
}
.tgu-editor-time-stepper__steps {
display: flex;
gap: 0.25rem;
}
.tgu-editor-time-stepper__steps button {
flex: 1;
}
.tgu-editor-panel__color {
position: absolute;
top: 0.2rem;