MediaWiki:Test.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

(function () {
    var container = document.querySelector('.timeline-container');
    if (!container) return;

    var events = document.querySelectorAll('.timeline-event');
    if (!events.length) return;

    var containerWidth = container.offsetWidth;
    var eventSpacing = 15; 
    var lineHeight = 50; 
    var currentRow = 0;
    var maxEventsPerRow = Math.floor(containerWidth / (containerWidth * eventSpacing / 100));

    Array.prototype.forEach.call(events, function (event, index) {
        var leftPercentage = (index % maxEventsPerRow) * eventSpacing;
        if (index >= maxEventsPerRow) {
            currentRow = Math.floor(index / maxEventsPerRow);
            event.style.top = (currentRow * lineHeight) + 'px'; // Перенос на новую строку
        }
        event.style.left = leftPercentage + '%';
    });
})();