diff --git a/docs/TZ.md b/docs/TZ.md index d343f41..281dc72 100644 --- a/docs/TZ.md +++ b/docs/TZ.md @@ -4,7 +4,7 @@ | | | |---|---| -| Версия ТЗ | 0.79 | +| Версия ТЗ | 0.80 | | Дата | 2026-10-10 | | Статус | На обсуждении | @@ -955,6 +955,21 @@ у левого края триггера: у правой колонки карточек (три колонки на 1440px) оно выезжало за вьюпорт на всю свою ширину (right 1593 при 1440). Теперь при развороте влево выставляется и `left: auto`. +- **«⋯» в шапке страницы на узком экране** (0.80): действия шапки у кита + переносятся на свою строку и встают у её левого края — на странице задачи меню + действий оказывалось под бейджами слева. До 640px строка действий растягивается + на всю ширину и прижимается вправо, как «⋯» в карточке. Иконка приведена к общей: + `ph-dots-three-outline` — как в карточках задач, стека и на странице проекта + (на странице задачи стоял залитый `ph-dots-three`). +- **Полоса прокрутки у табов статуса спрятана** (0.80): ряд прокручивается по + горизонтали (у кита `.tabs-list{overflow-x:auto}`), но видимая полоса тут только + шумит — обрезанный шестой таб и так читается как «дальше есть». Прокрутка + сохранена, спрятана только полоса (`scrollbar-width: none` + `::-webkit-scrollbar` + для Safari). +- **Переключатель в ряду фильтров сдвинут на 3px вправо** (0.80): у кита бегунок — + квадрат 18×18 в `left: -5px` от коробки контрола, поэтому видимый левый край + свитча выходил на 3–5px левее соседей по ряду. Сдвиг — компенсация выступа, а не + отступ между элементами. - **Кнопка «назад» над шапкой страницы** (0.70): выйти с любой страницы можно было только через меню разделов, возврата в приложении не было. Теперь над шапкой страницы, на каждой странице, стоит **стрелка назад** — но только если в истории diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 5f612a7..635803b 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -274,6 +274,16 @@ .app-content .page-header { margin-bottom: 1.5rem; } +/* на узком экране действия шапки переносятся на свою строку и без этого стоят + у её левого края («⋯» на странице задачи уезжал под бейджи влево) — растягиваем + строку на всю ширину и прижимаем содержимое вправо: «⋯» встаёт у правого края + шапки, как в карточках (0.80) */ +@media (max-width: 640px) { + .app-content .page-header-actions { + flex: 1 1 100%; + justify-content: flex-end; + } +} /* на широких экранах действия шапки («⋯», кнопки) не переносятся под длинный заголовок: контент сжимается, действия остаются в строке справа */ @media (min-width: 641px) { diff --git a/frontend/src/views/ListView.vue b/frontend/src/views/ListView.vue index e675655..40dd02c 100644 --- a/frontend/src/views/ListView.vue +++ b/frontend/src/views/ListView.vue @@ -291,6 +291,17 @@ max-width: 100%; margin-bottom: 1.25rem; } +/* Полосу прокрутки у табов прячем (0.80): ряд прокручивается по горизонтали + (у кита .tabs-list{overflow-x:auto}), но видимая полоса тут только шумит — + обрезанный шестой таб и так читается как «дальше есть». Скролл остаётся. + `scrollbar-width: none` достаточно Chromium и Firefox; `::-webkit-scrollbar` + держим для Safari — там первое свойство не поддерживается */ +.filter-tabs :deep(.tabs-list) { + scrollbar-width: none; +} +.filter-tabs :deep(.tabs-list)::-webkit-scrollbar { + display: none; +} /* Фильтры в шапке (0.75): переключатель и поле тега — одной группой справа от заголовка. Свой gap вместо китовских 8px у .page-header-actions: подпись переключателя липла к коробке поля. Группа переносится по строкам на узком @@ -301,6 +312,13 @@ gap: 0.75rem; align-items: center; } +/* Переключатель сдвинут на 3px вправо (0.80): у кита бегунок — квадрат 18×18 + в `left:-5px` от коробки контрола, поэтому видимый левый край свитча на 3-5px + левее соседей по ряду (та же коробка поля тега стоит ровно). Это компенсация + выступа, а не отступ между элементами */ +.header-filters :deep(.switch) { + margin-left: 3px; +} /* Поле тега: ширину задаёт обёртка, потому что class из GnCombobox уходит на , а не на form-group. 300px — как на странице проекта (0.71): в 224px имя тега не читалось */ diff --git a/frontend/src/views/TaskView.vue b/frontend/src/views/TaskView.vue index 30fabf4..5c576fb 100644 --- a/frontend/src/views/TaskView.vue +++ b/frontend/src/views/TaskView.vue @@ -697,7 +697,12 @@ />