50 lines
1.6 KiB
JavaScript
50 lines
1.6 KiB
JavaScript
// ----------------------------------------------------------------------------
|
|
// DATA
|
|
// ----------------------------------------------------------------------------
|
|
|
|
// SIDEBAR ANIMATION
|
|
|
|
const sidebar = document.querySelector('.sidebar');
|
|
const sidebarNav = document.querySelector('.sidebar__nav');
|
|
const sidebarNavLinks = sidebarNav.querySelectorAll('.sidebar__nav-link--internal');
|
|
|
|
// ----------------------------------------------------------------------------
|
|
// UTILS
|
|
// ----------------------------------------------------------------------------
|
|
|
|
// Convert rem to pixels by getting font-size CSS property
|
|
function convertRemToPixels(rem) {
|
|
let fontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));
|
|
return rem * fontSize;
|
|
}
|
|
|
|
// ----------------------------------------------------------------------------
|
|
// LOGIC
|
|
// ----------------------------------------------------------------------------
|
|
|
|
// SIDEBAR ANIMATION
|
|
|
|
function slimDownSidebar() {
|
|
if (sidebar) {
|
|
sidebar.classList.add('sidebar--slimmed');
|
|
}
|
|
}
|
|
|
|
function slimDownSidebarOnClick() {
|
|
if (sidebarNavLinks.length > 0) {
|
|
for (let i = 0; i < sidebarNavLinks.length; i++) {
|
|
sidebarNavLinks[i].addEventListener('click', slimDownSidebar);
|
|
}
|
|
}
|
|
}
|
|
|
|
// ----------------------------------------------------------------------------
|
|
// PROGRAM
|
|
// ----------------------------------------------------------------------------
|
|
|
|
// Enable CSS :active pseudo-class in Safari Mobile
|
|
document.addEventListener("touchstart", function() {},false);
|
|
|
|
// SIDEBAR ANIMATION
|
|
|
|
slimDownSidebarOnClick();
|