Update interface.js

interface.js

@@ -141,6 +141,37 @@ const currentScriptTag = document.currentScript;
       '- Cliquez sur ⇱ pour passer en plein écran.<br>';
   }
 
+
+    // --- Limit menu-content max size to 80% of the viewer (on mobile) ---
+  function setMenuContentMaxSize() {
+    if (!isMobile) {
+      menuContent.style.maxWidth  = "";
+      menuContent.style.maxHeight = "";
+      menuContent.style.overflowY = "";
+      menuContent.style.overflowX = "";
+      return;
+    }
+    let parent = viewerContainerElem;
+    if (parent) {
+      const vw = parent.offsetWidth;
+      const vh = parent.offsetHeight;
+      if (vw && vh) {
+        menuContent.style.maxWidth = Math.round(vw * 0.8) + "px";
+        menuContent.style.maxHeight = Math.round(vh * 0.8) + "px";
+        menuContent.style.overflowY = "auto";
+        menuContent.style.overflowX = "auto";
+      } else {
+        menuContent.style.maxWidth = "80vw";
+        menuContent.style.maxHeight = "80vh";
+      }
+    }
+  }
+  setMenuContentMaxSize();
+  window.addEventListener('resize', setMenuContentMaxSize);
+  document.addEventListener('fullscreenchange', setMenuContentMaxSize);
+  window.addEventListener('orientationchange', setMenuContentMaxSize);
+  
+
   menuContent.style.display = isMobile ? 'none' : 'block';
 
   viewerContainerElem.style.display = 'block';