Поиск источника element.style — как определить нужный файл?

Question

[K1tami]

Вопрос на основе темы из ThemeForest и собственно одной из демо-страниц.

Заходим на демо-страницу с категорией товаров: https://demo.goodlayers.com/realfactory/product-ca...
Справа у нас имеется сайдбар, просмотрев код которого мы находим приписанный element.style, а именно "min-height: ***px;" который варьируется и постоянно равен разным значениям.



Всё бы ничего, но при переключении вида на мобильную версию, данный min-height образует нам огромное белое пустое пространство до самого подвала сайта высотой в указанные ***px

Разумеется в CSS это не прописано, поэтому задача найти источник данного стиля, который непонятно откуда присваивается к этому блоку. Файлов PHP, отвечающих за сайдбар и вообще каких-либо файлов PHP с указанием min-height я не нашел.

Каким образом можно определить источник всего этого безобразия? Возможно какой-то JS файл это генерирует, возможно ещё что-то. Задача найти источник этого стиля и выпилить его, ибо при его отключения в консоли, белый отступ в 5 этажей на мобильной версии исчезает, а сама страница продолжает отображаться корректно.

Какие варианты для поиска?

Answer 1

[Alice]

Предполагаю, что тут

Comments

[K1tami]

Спасибо, файл нужный найден - script-core.js
Теперь вопрос как выпилить эту функцию оттуда?
С HTML и CSS у меня проблем нет, а с JS всё куда сложнее - тут просто одна строка непонятного массива и я не могу понять где начало, а где конец нужного отрезка.

Собственно вот нужная мне область:

var e=o("#realfactory-footer-back-to-top-button");e.length&&o(window).on("scroll",function(){300<o(window).scrollTop()?e.addClass("realfactory-scrolled"):e.removeClass("realfactory-scrolled")}),o(".realfactory-sidebar-wrap").each(function(){var e=o(this),t=o(this).children(".realfactory-sidebar-left, .realfactory-sidebar-right").children(".realfactory-sidebar-area"),i=0;t.css("min-height",""),e.children().each(function(){o(this).outerHeight()>i&&(i=o(this).outerHeight())}),t.css("min-height",i),o(window).on("load resize",function(){t.css("min-height",""),e.children().each(function(){o(this).outerHeight()>i&&(i=o(this).outerHeight())}),t.css("min-height",i)})}),o("body").children("#realfactory-page-preload").each(function(){var

Откуда и до куда выпиливать строчку?
Буду рад разъяснениям как определить начало и конец элемента.

[Alice]

K1tami, бьютифицируй, разбирайся. А вообще, почему ты копаешься не в исходных файлах, а в их бандлах?

var e = o("#realfactory-footer-back-to-top-button");
e.length && o(window).on("scroll", function() {
        300 < o(window).scrollTop() ? e.addClass("realfactory-scrolled") : e.removeClass("realfactory-scrolled")
    }), o(".realfactory-sidebar-wrap").each(function() {
        var e = o(this),
            t = o(this).children(".realfactory-sidebar-left, .realfactory-sidebar-right").children(".realfactory-sidebar-area"),
            i = 0;
        t.css("min-height", ""), e.children().each(function() {
            o(this).outerHeight() > i && (i = o(this).outerHeight())
        }), t.css("min-height", i), o(window).on("load resize", function() {
            t.css("min-height", ""), e.children().each(function() {
                o(this).outerHeight() > i && (i = o(this).outerHeight())
            }), t.css("min-height", i)
        })
    })

Answer 2

[kryamk]

проще поди через important переопределить