Перейти к содержимому


Оформление Заказа На Телефоне


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 120 сообщений

Отправлено 12 Май 2019 - 19:04

Добрый день!
Возник вопрос по оформлению заказа на телефоне.
Проблема связана с выпадающими списками (например, "способ доставки" или "способ оплаты").
При нажатии на выпадающий список - происходит приближение экрана. После выбора нужного пункта из выпадающего списка, нажимаем кнопку "Готово" - экран остается в таком же увеличенном положении (см. рис1 > рис2 > рис3).
Пользователю это неудобно - нужно догадаться уменьшить масштаб вручную.
Как сделать так, чтобы масштаб автоматически возвращался к начальному состоянию?
Аккаунт 102360

Прикрепленные изображения

  • рис1.PNG
  • рис2.PNG
  • рис3.PNG


#2 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 334 сообщений

Отправлено 17 Май 2019 - 14:03

Просмотр сообщенияpasha00 (12 Май 2019 - 19:04) писал:

Добрый день!
Возник вопрос по оформлению заказа на телефоне.
Проблема связана с выпадающими списками (например, "способ доставки" или "способ оплаты").
При нажатии на выпадающий список - происходит приближение экрана. После выбора нужного пункта из выпадающего списка, нажимаем кнопку "Готово" - экран остается в таком же увеличенном положении (см. рис1 > рис2 > рис3).
Пользователю это неудобно - нужно догадаться уменьшить масштаб вручную.
Как сделать так, чтобы масштаб автоматически возвращался к начальному состоянию?
Аккаунт 102360
Здравствуйте.
Проблему можно решить увеличением размера шрифта в селекте
В файле main.css
/**/
select.input {-webkit-appearance: menulist;cursor: pointer;}
/* Цвет плейсхолдера */
замените на
/**/
select.input {-webkit-appearance: menulist;cursor: pointer;}
select.input {font-size:16px;}
/* Цвет плейсхолдера */


#3 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 120 сообщений

Отправлено 23 Май 2019 - 12:22

С выбором пункта из списка проблема решилась, спасибо!
Аналогичная ситуация возникает при заполнении поля "Комментарии". Как в этом случае можно исправить проблему?

#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 334 сообщений

Отправлено 31 Май 2019 - 12:21

Просмотр сообщенияpasha00 (23 Май 2019 - 12:22) писал:

С выбором пункта из списка проблема решилась, спасибо!
Аналогичная ситуация возникает при заполнении поля "Комментарии". Как в этом случае можно исправить проблему?
В main.css
.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
на

.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}


#5 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 120 сообщений

Отправлено 31 Май 2019 - 22:04

Просмотр сообщенияMr.Nito (31 Май 2019 - 12:21) писал:

В main.css
.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
на

.formfast .input-box .input {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}

В main.css нашел только такую строку:
.formfast .input-box .input:not(textarea) {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
Попробовал в нее добавить
font-size: 16px;
Не помогло.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных