From 8001c46a1e7f4f6cb74be1058dfc37107371b0d5 Mon Sep 17 00:00:00 2001
From: frederikpyt <frederikpyt@gmail.com>
Date: Mon, 29 Jun 2020 08:35:08 +0200
Subject: [PATCH] Fixed hamburger menu
---
skolehjem/resources/js/navmenu/menu.js | 5 +++++
skolehjem/resources/views/app/layout/base.blade.php | 2 +-
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/skolehjem/resources/js/navmenu/menu.js b/skolehjem/resources/js/navmenu/menu.js
index 9a3e8d9..7f47606 100644
--- a/skolehjem/resources/js/navmenu/menu.js
+++ b/skolehjem/resources/js/navmenu/menu.js
@@ -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");
}
}
diff --git a/skolehjem/resources/views/app/layout/base.blade.php b/skolehjem/resources/views/app/layout/base.blade.php
index 49543f6..8abab34 100644
--- a/skolehjem/resources/views/app/layout/base.blade.php
+++ b/skolehjem/resources/views/app/layout/base.blade.php
@@ -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">