iu/ds-galo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

feat(ui): hover zoom on viewer thumbnail strip

Browse Source 
- Thumbnails scale their image on pointer hover and keyboard focus
- Tile size and strip layout stay unchanged
This commit is contained in:
iu
2026-10-11 18:09:54 +03:00
parent 83cc178e79
commit a7867054a4
5 changed files with 68 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
openspec/changes/viewer-thumbnail-hover/tasks.md
+12
View File
@@ -0,0 +1,12 @@
# Tasks
## 1. Эффект наведения на миниатюры нижней ленты
- [x] 1.1 В `Viewer.svelte` в блоке «Лента миниатюр» добавить плитке класс `group`, а изображению — `transition-transform duration-200 group-hover:scale-105 group-focus-visible:scale-105`. Проверка: наведение указателя плавно увеличивает картинку внутри плитки, клавиатурный фокус даёт тот же эффект.
- [x] 1.2 Убедиться, что раскладка ленты не меняется: плитка остаётся `h-16 w-16`, overflow скрывает выход за границы, соседние миниатюры не смещаются. Проверка: при наведении координаты соседних плиток не меняются.
- [x] 1.3 Проверить, что выбор миниатюры по клику по-прежнему меняет фото и текущая миниатюра сохраняет `border-primary`. Проверка: клик по другой миниатюре переключает просмотр, рамка текущей — primary.
## 2. Интеграционная проверка
- [x] 2.1 `npm run check` и `npm run build` во `frontend/` проходят без ошибок. Проверка: обе команды успешны.
- [x] 2.2 CDP-проверка в режиме просмотра: hover на миниатюре даёт ненулевой `scale` на изображении, а раскладка ленты неизменна. Проверка: computed `transform`/`scale` изображения меняется при наведении, `getBoundingClientRect` плитки постоянен.