chiudi menu cliccando fuori

themes/maya0x17/static/ruotalogo.js

@@ -1,3 +1,15 @@
+function menu_get() {
+    return document.querySelector('#menu-row')
+}
+function menu_is_shown() {
+    return (window.getComputedStyle(menu_get()).display !== 'none')
+}
+function menu_hide() {
+  menu_get().style.display = 'none'
+}
+function menu_show() {
+  menu_get().style.display = 'block'
+}
 document.addEventListener('DOMContentLoaded', function() {
   var logo = document.getElementById('logo-img')
   logo.classList.add('rotate')
@@ -28,14 +40,26 @@ document.addEventListener('DOMContentLoaded', function() {
     //ruotaLogo()
     scrollSetup()
   }, 1000)
-    logo.addEventListener('click', function () {
+  logo.addEventListener('click', function (evt) {
-        var menu = document.querySelector('#menu-row')
+    if (!menu_is_shown()) {
-        if (window.getComputedStyle(menu).display === 'none') {
+      console.log('show')
-            menu.style.display = 'block'
+      menu_show()
       // menu.scrollIntoView()
     } else {
-            menu.style.display = 'none'
+      menu_hide()
     }
     console.log('cliccato')
+    evt.stopPropagation()
+  })
+  document.querySelector('#menu-row').addEventListener('click', function(evt) {
+    evt.stopPropagation()
+  })
+
+  document.body.addEventListener('click', function (evt) {
+    if (!menu_is_shown()) {
+      return
+    }
+    menu_hide()
+    evt.stopPropagation()
   })
 })

themes/maya0x17/static/theme.scss

@@ -89,7 +89,7 @@ h1 > (a, a:focus, a:active) { color: $c-titles; }
 #menu-row {
     display: none;
     position: fixed;
-    top: 0px;
+    top: 3em;
     left: 8vw;
     background: $c-bg-menu; 
     width: 89vw;