Имеется работающая страница с выбором мест в зрительном зале:
Задача: сделать ее мобильную версию, целевой браузер – Android. Страница уже сделана адаптивной, вся кроме схемы зала.
Предполагается, что в мобильной версии схема зала изначально показывается уменьшенной. При нажатии на нее схема увеличивается, а внизу появляется кнопка "минус". При нажатии на "минус" схема возвращается в исходное состояние, а кнопка прячется. Увеличение делается через свойство scale, к элементу #inner добавляется класс .zoom:
.zoom {
transform: scale(3);
-webkit-transform: scale(3);
}
а к его контейнеру #scheme добавляется скроллинг "overflow: scroll;"
Задача фрилансера: довести эту идею до рабочей версии и сделать так, чтобы:
1) схема скроллировалась полностью (простая установка scale > 1 обрезает края схемы)
2) при увеличении схема центрировалась по тому месту, в которое пользователь ткнул пальцем.
3) появлялась/исчезала кнопка "минус", при этом она отображалась бы всегда прижатой к низу браузера
4) в увеличенном состоянии появлялись бы номера рядов, прижатые к левому краю браузера (см. картинку).
Пишите ваши предложения по стоимости и срокам.