maik/Personal-Website
1
0
Fork 0
mirror of https://github.com/maikka39/Personal-Website.git synced 2026-09-29 21:26:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed the mobile menu not working well

Browse Source
This commit is contained in:
Maik de Kruif
2019-03-15 15:08:15 +01:00
parent 3635b51965
commit 8367f71388
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -2
View File
@@ -11,7 +11,7 @@
</head>
<body>
<div class="content">
<div id="content" class="content">
<div id="top"></div>
<nav>
<div id="mobile_menu" class="mobile_menu dropdown-content dropbtn hidden">
@@ -146,6 +146,7 @@
document.getElementById("mobile_menu").classList.toggle("hidden");
document.getElementById("open_mobile_nav").classList.toggle("hidden");
document.getElementById("close_mobile_nav").classList.toggle("hidden");
document.getElementById("content").classList.toggle("nocroll");
};
function close_menus() {
@@ -156,7 +157,14 @@
if (!openDropdown.classList.contains('hidden')) {
openDropdown.classList.add('hidden');
}
}
};
if (document.getElementById("content").classList.contains('nocroll')) {
document.getElementById("content").classList.remove('nocroll');
};
if (document.getElementById("open_mobile_nav").classList.contains('hidden')) {
document.getElementById("open_mobile_nav").classList.remove('hidden');
document.getElementById("close_mobile_nav").classList.add('hidden');
};
};
window.onclick = function(event) {
styles.css
+4
View File
@@ -98,6 +98,10 @@ body {
display: none !important;
}
.nocroll {
overflow: hidden !important;
}
.content {
display: grid;
grid-template-rows: auto;