Fixed hamburger menu
This commit is contained in:
parent
b790d2cf65
commit
8001c46a1e
|
@ -32,17 +32,22 @@ function toggleMenu(menu) {
|
|||
let logoElement = document.getElementById("sdeLogo");
|
||||
let htmlElement = document.getElementsByTagName('html')[0];
|
||||
let mainElement = document.getElementsByTagName('main')[0];
|
||||
let iconElement = document.getElementById("icon");
|
||||
|
||||
if(menuElement.classList.contains("hide")) {
|
||||
menuElement.classList.remove("hide");
|
||||
mainElement.classList.remove("d-none");
|
||||
htmlElement.style.backgroundColor = 'rgb(255, 255, 255)';
|
||||
logoElement.src = '/images/logos/Logo-normal.svg';
|
||||
iconElement.classList.remove("fa-times");
|
||||
iconElement.classList.add("fa-bars");
|
||||
} else {
|
||||
menuElement.classList.add("hide");
|
||||
mainElement.classList.add("d-none");
|
||||
htmlElement.style.backgroundColor = 'rgb(0, 120, 138)';
|
||||
logoElement.src = '/images/logos/Logo-hvid.svg';
|
||||
iconElement.classList.remove("fa-bars");
|
||||
iconElement.classList.add("fa-times");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" alt="Syddansk Erhvervsskole">
|
||||
<button class="ml-auto" id="toggle">
|
||||
{{-- <img src="{{URL::asset('/images/icons/icon.svg')}}" id="menuIcon" alt="-">--}}
|
||||
<i class="fas fa-bars"></i>
|
||||
<i id="icon" class="fas fa-bars"></i>
|
||||
</button>
|
||||
</header>
|
||||
<div class="d-none bg-sde-blue col" id="menu">
|
||||
|
|
Loading…
Reference in New Issue