Merge pull request #42 from n-peugnet/feat/better-submenus

Feat: better submenus

2 files changed, 22 insertions, 0 deletions

diff --git a/assets/css/home.css b/assets/css/home.css
index a801ba8..b2be8dd 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -52,6 +52,12 @@ aside .submenu {
     border: solid 1px dimgrey;
     width: 20%;
     max-width: 280px;
+    max-height: 85%;
+    overflow-y: auto;
+}
+
+aside .submenu * {
+    max-width: 100%;
 }
 
 
diff --git a/src/home.js b/src/home.js
index 670ae3e..b00a782 100644
--- a/src/home.js
+++ b/src/home.js
@@ -11,6 +11,8 @@ window.addEventListener('load', () => {
     checkall.appendChild(checkbox);
 });
 
+window.addEventListener('click', clickHandler);
+
 /**
  * Manage input event on the checkall checkbox.
  * @param {InputEvent} e the input event
@@ -26,3 +28,17 @@ function checkallHandler(e) {
         }
     }
 }
+
+/**
+ * Manage click event on the home page.
+ * @param {MouseEvent} e
+ */
+function clickHandler(e) {
+    let details = document.querySelectorAll('details');
+    let currentDetail = e.target.closest('details');
+    for (const detail of details) {
+        if (!detail.isSameNode(currentDetail)) {
+            detail.removeAttribute('open');
+        }
+    }
+}