static/js/navicon-shift.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

const 
    nameElement = document.getElementById('nav-name'),
    parentElement = document.getElementById('nav-main');

let incremented = 0;
function shiftNavIcons() {
    
    let headingElement = document.getElementById('nav-heading');
    if(nameElement.offsetWidth < (headingElement.offsetWidth+10)) {
        parentElement.classList.add('nav-shifted');
    } else {
        incremented++;
        if(incremented > 5 && parentElement.offsetWidth > 445) {
            parentElement.className = parentElement.className.replace(/\bnav-shifted\b/g, '');
            incremented = 0;
        }
        
    }
    
};
window.addEventListener('resize', (event) => {
    shiftNavIcons();
});
shiftNavIcons();