[www] HMenu updated for works fine on Safari

src/public/app.js

@@ -42,6 +42,10 @@ function openMenu(element) {
 	element.classList.remove('HMenu--closed')
 	element.classList.add('HMenu--open')
 
+	setTimeout(() => {
+		document.querySelector('main').style.display = 'none'
+	}, 100)
+
 	return element
 }
 
@@ -50,6 +54,8 @@ function closeMenu(element) {
 	element.classList.remove('HMenu--open')
 	element.classList.add('HMenu--closed')
 
+	document.querySelector('main').style.display = 'block'
+
 	return element
 }
 

src/style/hmenu.scss

@@ -14,13 +14,23 @@ $hmenu-icon-height: 32px;
   align-items: center;
 
   width: 100%;
-  height: 100%;
+  //height: 100%;
 
   position: relative;
 
   list-style: none;
 }
 
+.HMenu a {
+  &:visited {
+    color: inherit;
+  }
+}
+
+.HMenu.HMenu--folded {
+  height: 100%;
+}
+
 .HMenu--folded.HMenu--closed {
   li {
     margin: 0;
@@ -128,8 +138,7 @@ $hmenu-icon-height: 32px;
   top: 0;
   left: 0;
 
-  //background-color: rgba(169, 144, 97, 0.95);
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: #ffffff;
 
   flex-direction: column;
   text-align: center;