вопрос
Делаю мобильную версию сайта и столкнулся с проблемой ширины модального окна.
Насколько я понял, ширина модального окна высчитывается автоматически файлом
И она всегда выставляется 470px, что очень много для некоторых экранов смартфонов.
В JS не очень понимаю, поэтому требуется ваша помощь, как сделать, чтобы ширина подстраивалась под ширину экрана? Либо как её принудительно ограничить скажем до 300px?
Насколько я понял, ширина модального окна высчитывается автоматически файлом
/engine/classes/js/jqueryui.js
И она всегда выставляется 470px, что очень много для некоторых экранов смартфонов.
В JS не очень понимаю, поэтому требуется ваша помощь, как сделать, чтобы ширина подстраивалась под ширину экрана? Либо как её принудительно ограничить скажем до 300px?
Вариант от: ewak
Работает как нужно.@media screen and (max-width: 590px) {
.ui-dialog {width:100% !important;}
}
Вариант от: irrwisch
Ширина данного окна прописана в /engine/classes/js/dle_js.js
Ширина данного окна прописана в /engine/classes/js/dle_js.js
$("#dlepopup").dialog({autoOpen:!0,width:470,resizable:!1,dialogClass:"modalfixed dle-popup-alert",buttons:{Ok:function(){$(this).dialog("close");
Вариант тоже работает.
Всем спасибо!