vict3459
/
Ekapp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed hamburger menu

This commit is contained in:
frederikpyt 2020-06-29 08:35:08 +02:00
parent b790d2cf65
commit 8001c46a1e
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
skolehjem/resources/js/navmenu/menu.js vendored
View File

@ -32,17 +32,22 @@ function toggleMenu(menu) {
let logoElement = document.getElementById("sdeLogo"); let logoElement = document.getElementById("sdeLogo");
let htmlElement = document.getElementsByTagName('html')[0]; let htmlElement = document.getElementsByTagName('html')[0];
let mainElement = document.getElementsByTagName('main')[0]; let mainElement = document.getElementsByTagName('main')[0];
let iconElement = document.getElementById("icon");
if(menuElement.classList.contains("hide")) { if(menuElement.classList.contains("hide")) {
menuElement.classList.remove("hide"); menuElement.classList.remove("hide");
mainElement.classList.remove("d-none"); mainElement.classList.remove("d-none");
htmlElement.style.backgroundColor = 'rgb(255, 255, 255)'; htmlElement.style.backgroundColor = 'rgb(255, 255, 255)';
logoElement.src = '/images/logos/Logo-normal.svg'; logoElement.src = '/images/logos/Logo-normal.svg';
iconElement.classList.remove("fa-times");
iconElement.classList.add("fa-bars");
} else { } else {
menuElement.classList.add("hide"); menuElement.classList.add("hide");
mainElement.classList.add("d-none"); mainElement.classList.add("d-none");
htmlElement.style.backgroundColor = 'rgb(0, 120, 138)'; htmlElement.style.backgroundColor = 'rgb(0, 120, 138)';
logoElement.src = '/images/logos/Logo-hvid.svg'; logoElement.src = '/images/logos/Logo-hvid.svg';
iconElement.classList.remove("fa-bars");
iconElement.classList.add("fa-times");
} }
} }

2
skolehjem/resources/views/app/layout/base.blade.php
View File

@ -12,7 +12,7 @@
<img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" alt="Syddansk Erhvervsskole"> <img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" alt="Syddansk Erhvervsskole">
<button class="ml-auto" id="toggle"> <button class="ml-auto" id="toggle">
{{-- <img src="{{URL::asset('/images/icons/icon.svg')}}" id="menuIcon" alt="-">--}} {{-- <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> </button>
</header> </header>
<div class="d-none bg-sde-blue col" id="menu"> <div class="d-none bg-sde-blue col" id="menu">