host/xiaowang
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit header navigation bar style

Browse source
This commit is contained in:
Paul Nicoué 2022-06-10 16:07:48 +02:00
parent e90e57ff02
commit 64ad7b3a70
5 changed files with 31 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/js/app.js
View file

@ -231,7 +231,7 @@ function toggleVideosFullScreen() {
// HEADER BAR ANIMATION //
// Toggle header bar depending on scroll
// Toggle header bar depending on scroll offset
function toggleHeaderBar() {
if (headerBar) {
let headerBarHeight = headerBar.getBoundingClientRect().height;
@ -280,10 +280,8 @@ function toggleHeaderNavOnClick() {
// Close header navigation on document click event
function closeHeaderNavOnClick() {
document.addEventListener('click', function(e) {
if (headerNavBtn.classList.contains('header-bar__nav-button--custom-focus') && headerNavMenu.classList.contains('header-bar__nav-menu--visible')) {
if (!headerNavBtn.contains(e.target) && !headerNavMenu.contains(e.target)) {
closeHeaderNav(e);
}
if (headerNavBtn.classList.contains('header-bar__nav-button--custom-focus') && headerNavMenu.classList.contains('header-bar__nav-menu--visible') && !headerNavBtn.contains(e.target) && !headerNavMenu.contains(e.target)) {
closeHeaderNav(e);
}
});
}