Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как адаптировать всплывающие окна в DLE под мобильную версию?

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


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

вопрос
Странно, что в 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
Юзер

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

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

Sander
PHP-developer

Sander - 30 декабря 2016 20:30 -

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

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

Telegram: @sandev
Skype: Sander8804

nurbekov
Юзер

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

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

ZeN41k
Юзер

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

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

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

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

наверх