https://somersetnlv.org/shared/js/home.js

1
2
3
4
5function resizeCardSlider() {
6    if(window.innerWidth > 1073){
7        return;
8    }
9    else if(window.innerWidth <= 1073){
10        let slider = document.querySelector('.en-card-slider-inner-container');
11        if(!slider) return;
12        let columnGap = slider.style.getPropertyValue('column-gap').replace('px', '');
13        slider.style.removeProperty('column-gap');
14        slider.style.setProperty('column-gap', Number(columnGap) + 1 + 'px', 'important');
15    }
16}
17let _debounce = function (ms, fn) {
18    let timer;
19    return function () {
20        clearTimeout(timer);
21        let args = Array.prototype.slice.call(arguments);
22        args.unshift(this);
23        timer = setTimeout(fn.bind.apply(fn, args), ms);
24    };
25};
26document.addEventListener('DOMContentLoaded', () => {
27        const observer = new ResizeObserver(_debounce(500, () => resizeCardSlider()));
28        let slider = document.querySelector('body');
29        observer.observe(slider);    
30});