Files
ds-galo/openspec/changes/archive/2026-10-11-viewer-thumbnail-hover/tasks.md
T

1.8 KiB
Raw Blame History

Tasks

1. Эффект наведения на миниатюры нижней ленты

  • 1.1 В Viewer.svelte в блоке «Лента миниатюр» добавить плитке класс group, а изображению — transition-transform duration-200 group-hover:scale-105 group-focus-visible:scale-105. Проверка: наведение указателя плавно увеличивает картинку внутри плитки, клавиатурный фокус даёт тот же эффект.
  • 1.2 Убедиться, что раскладка ленты не меняется: плитка остаётся h-16 w-16, overflow скрывает выход за границы, соседние миниатюры не смещаются. Проверка: при наведении координаты соседних плиток не меняются.
  • 1.3 Проверить, что выбор миниатюры по клику по-прежнему меняет фото и текущая миниатюра сохраняет border-primary. Проверка: клик по другой миниатюре переключает просмотр, рамка текущей — primary.

2. Интеграционная проверка

  • 2.1 npm run check и npm run build во frontend/ проходят без ошибок. Проверка: обе команды успешны.
  • 2.2 CDP-проверка в режиме просмотра: hover на миниатюре даёт ненулевой scale на изображении, а раскладка ленты неизменна. Проверка: computed transform/scale изображения меняется при наведении, getBoundingClientRect плитки постоянен.