Клиент хочет странного как удовлетворить?

Question

[Владимир Коротенко]

По сути калькулятор. Написан на Bulma + VUE. По сути адаптив был взят из коробки. Сегодня ошарашил вопросом мол на iphone 7 видно только «введите диаметр».

https://www.vkorotenko.ru/blockflame/

Я прямо в растерянности. В принципе этот калькулятор для десктопов, на моем Iphone SE выглядит не то что круто но потыкать можно. Что тут можно предпринять, кроме кардинального рефакторинга?

Это даже не вопрос, а скажем так мозговой штурм по UA

Comments

[Рональд Макдональд]

Ну и дизайн, просто вырви глаз.

[Stalker_RED]

Там кабели отрицательного диаметра можно выбрать мышкой. Крутой калькулятор.

[User Unknown]

В принципе этот калькулятор для десктопов

Десктопы с квадратным монитором как у меня: Ну да ну да, пошли мы нахер

[Владимир Коротенко]

User Unknown, Если не сложно скинь размер.

[Владимир Коротенко]

Рональд Макдональд, Это не дизайн. Пока накручивается функционал. Так сказать рабочий скетч.
Возник вопрос, я попросил обоснованных мнений, с учетом того что Артемий не отвечает быстро, решил тут спросить

[Владимир Коротенко]

Stalker_RED, Валидаторы будут, но потом.

[User Unknown]

Владимир Коротенко, 1280x1024, классический 4:3

[Владимир Коротенко]

User Unknown, Спасибо

[Иван Шумов]

Не пропадающий плейсхолдер это пять. И никакой не 7ой у меня, а 11)

Answer 1

[Арсений Матыцин]

От разрешения 768px действительно все не очень хорошо, контент обрезается. Скорее всего клиент словил это в горизонтальном формате.

Comments

[Владимир Коротенко]

Вот это и ловлю. Хотелось бы урезания по полям ввода. Думаю сейчас просто перенести лэйблы над инпутами.

[Арсений Матыцин]

Владимир Коротенко, не, надо просто пошаманить на уровне флексов. Может над фикс размерами (честно, глубоко не всматривался).

[Владимир Коротенко]

Арсений Матыцин, Меня больше смущает эта большая таблица. Возможно ее стоит разбить на карточки ? Как думаете?

[Арсений Матыцин]

Владимир Коротенко, не в этом проблема, т.к. уходит в горизонтальный скролл.

А вот с точки зрения интерфейса, если строк будет много, то да, возможно есть смысл развернуть данные на мобилке по технологии адаптивных таблиц (старая тема в гугле можно найти норм решения). Но на десктопе таблицу в общем и целом читать удобнее. Тут мы не очень далеко продвинулись за последние лет 10.