🧩 Stop_long_form: плагин изменения поведения модального окна

[Develop-Soft]

Продолжаем "ломать Жору (и Альбатрос)"...

Маленькое, но полезное решение, которое решает проблему уезжающих вниз по простыне кнопок, методом некоторых перепривязок и переноса скроллбара внутрь формы. Дополнительно сокращает общий пробег километро-мыши, повышет скорость работы, тонус, аппетит.

Было:




Стало:


--------------

Скачать:

stop_long_form_v0.2.zip

(1.49 КБ) 119 скачиваний

Установка: по рецепту отсюда.

---

v.0.1a - Убрана кнопка "сворачивания" (конфликтует и не нужна она вовсе, имхо)

[upd v0.2]:
- Вернул "плавность" перетаскивания окна.
- Курсор перетаскивания окна принимает соответствующий вид.


Спасибы

[nruslan2]

Не всегда правильно отрабатывает(
В режиме редактирования поля Сущности, когда есть закладки и первая закладка вписывается в экран (Закладка настройки), а вторая превышает экран (Показать Как) и как раз появляется прокрутка, все равно получается что крутить экран надо чтобы добрать до кнопок модального окна.

Плюс почему у Вас на скрине красиво вписаны кнопки снизу - у меня же опять обрезанные немного получились (но вписались)

экран 1920х1080 Винда ЯндексБраузер

[Develop-Soft]

Кое-что оптимизировал. Пробуйте этот вариант (работает в мозилле, хроме без проблем).

stop_long_form_v0.1a.zip

(1.24 КБ) 113 скачиваний

[Develop-Soft]

В режиме редактирования поля Сущности, когда есть закладки и первая закладка вписывается в экран (Закладка настройки), а вторая превышает экран (Показать Как) и как раз появляется прокрутка

Ага. Заметил...



гляну на досуге что еще можно подкрутить.

[nruslan2]

Проблема №1 с прокруткой пропала (те кнопки я теперь всегда вижу)
Но вот 2я осталась - те сейчас можно докрутить форму (скриншот тот же!)
(на всякий случай проверил в хроме и яндексе браузере одно и тоже - и не зависимо окно по полный экран или нет - всегда почему то есть докрутка маленькая)

[Develop-Soft]

Там внутри js-a есть одна циферка хардкорная в вычислении. Я ее временно поставил, т.к. пока не понял откуда берется "лишняя" высота. Можно значением добиться нужного эффекта в сторону ее увеличения..

[nruslan2]

задал вот так - modal-footer').height() - 100;
прям идеально отрисовало. но с закладками все же осталась тема, но это ИМХО из-за того что окно отрисовывается изначально на определенной высоте и потом уже не меняется!

PS в программе в принципе изначально есть глюки и косяки с формой(

[Develop-Soft]

Проверьте, как сработает этот вариант:

Код: Выделить всё

$('#ajax-modal').ready(function() {

    var target = $('#ajax-modal')[0];
    var observer = new MutationObserver(function(mutations, obj) {
        mutations.forEach(function(mutation) {
            {
                var max_height =
                    window.innerHeight -
                    parseInt($('.modal-header').css("padding-top")) -
                    $('.modal-header').height() -
                    parseInt($('.modal-header').css("padding-bottom")) -
                    parseInt($('.modal-footer').css("padding-top")) -
                    $('.modal-footer').height() -
                    parseInt($('.modal-footer').css("padding-bottom")) -
                    parseInt($('.modal-body').css("padding-bottom")); -
                parseInt($('.modal-body').css("padding-top"));
                $('.modal-body').css("max-height", max_height);
                $('.modal-body').css("overflow-y", "auto");
            }
            $('.close.modal-collapse').remove(); // конфликт...
        });
    });

    var config = {
        attributes: true,
        childList: true, //
        characterData: true, //
        subtree: true
    };

    observer.observe(target, config);
});

[Develop-Soft]

в программе в принципе изначально есть глюки и косяки с формой(

Тоже давно заметил, что "что-то не так"... В частности в плане позиционирования и определения координат.
Сейчас с моей добавленной плюшкой - есть странности - окно перестало перемещаться произвольно а ездит рывками по горизонтали/вертикали ("ступеньками"). Вроде не смертельно, но и как-то не очень лампово. С чем это связано - хз, возможно с принудительной установкой max-height формы.

[Develop-Soft]

v0.2 (в шапке):

- Вернул "плавность" перетаскивания окна.
- Курсор перетаскивания окна принимает соответствующий вид: