Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Как адаптировать всплывающие окна в DLE под мобильную версию?

Как адаптировать всплывающие окна в DLE под мобильную версию?


     30.12.2016    Общие вопросы, Общие вопросы по вёрстке, Стили (CSS), Общие вопросы по PHP    198

вопрос
Странно, что в DLE 11 до сих пор не адаптированные модальные окна, что плохо для тех, кто использует шаблон mobile-friendly, ведь каждое такое окно создает проблемы, и его будет сложно закрыть с мобильного (у меня на мобильном кнопки ОК нет в всплывающем окне в другом шаблоне...).

Как адаптировать всплывающие окна в DLE под мобильную версию?


/engine/classes/js/dle_js.js


у меня не получилось адаптировать, удалил width:500, оно откуда-то взяло width:300px...
Помогите встроить для модальных окон эти строчки: width: 100%; max-width: 500px

Ответил: Stasiq


Открыть файл engine/classes/js/dle_js.js
И ищите строки

dialog(...width:700


dialog(...width:500

Комментарии пользователей (4)

redissx
1

70 | 22

redissx - 30 декабря 2016 20:02 - Юзер

@media screen and (max-width: 590px) {
.ui-dialog {width:100% !important;}
}

Sander
1155

1663 | 1212

Sander - 30 декабря 2016 20:30 - Эксперт

Свойства атрибута style имеет абсолютный приоритет на всеми другими в файлах стилей.
jQueryUI прописывает размер окна как раз в style="width:470px"

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

nurbekov
1

69 | 3

nurbekov - 2 января 2017 22:59 - Юзер

У меня вот тоже возник этот вопрос, решение в ответе не помогло. Может есть другие варианты? Подключить разные js файлы в зависимости от устройства?

ZeN41k
96

ZeN41k - 2 января 2017 15:33 - Юзер

Большое Спасибо!) что-то не додумался сам))

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы