hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Footer mobile

Browse Source
This commit is contained in:
Hazem Krimi
2023-11-07 01:47:59 +01:00
parent 2ccb68d1b6
commit de4bd80df8
8 changed files with 99 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/partials/header.js
+13 -7
View File
@@ -1,10 +1,13 @@
function loadBurger() {
navToggler.querySelector(
burgerOpen ? '#burger' : '#close'
).style.display = 'none';
navToggler.querySelector(
burgerOpen ? '#close' : '#burger'
).style.display = 'block';
const headerInitialLeftPosition = header.getBoundingClientRect().x;
navToggler.querySelector(burgerOpen ? '#burger' : '#close').style.display =
'none';
navToggler.querySelector(burgerOpen ? '#close' : '#burger').style.display =
'block';
header.style.position = burgerOpen ? 'fixed' : 'initial';
header.style.top = burgerOpen ? '0px' : 'initial';
header.style.left = burgerOpen ? `${headerInitialLeftPosition}px` : 'initial';
mobileNavigation.style.display = burgerOpen ? 'flex' : 'none';
mobileNavigation.style.top = burgerOpen
? `calc(${header.getBoundingClientRect().y}px + ${
@@ -12,8 +15,11 @@ function loadBurger() {
}px + 0.625rem)`
: 'initial';
mobileNavigation.style.left = burgerOpen
? `${header.getBoundingClientRect().x}px`
? `${headerInitialLeftPosition}px`
: 'initial';
document.querySelector('main').style.marginTop = burgerOpen
? `calc(${header.getBoundingClientRect().height}px + 5rem)`
: '0px';
}
function updateBurger() {