Hamburger menu z obstoječimi opcijami (skrij tipkovnico in velike/male črke). #4

web/static/script.js

@@ -12,6 +12,8 @@ const clearBtn = document.getElementById('clear-btn');
 const keypadButtons = document.querySelectorAll('.btn-key');
 const keypadWrapper = document.getElementById('keypad-wrapper');
 const toggleKeypadBtn = document.getElementById('toggle-keypad-btn');
+const menuToggle = document.getElementById('menu-toggle');
+const menuDropdown = document.getElementById('menu-dropdown');
 
 let capsMode = false;
 let wakeLock = null;
@@ -211,9 +213,27 @@ darkBtn.addEventListener('click', () => {
 
 // Skrij/Pokaži tipkovnico
 if (toggleKeypadBtn) {
-    toggleKeypadBtn.addEventListener('click', toggleKeypad);
+    toggleKeypadBtn.addEventListener('click', (e) => {
+        toggleKeypad();
+        menuDropdown.classList.remove('show');
+    });
 }
 
+// Hamburger menu toggle
+if (menuToggle) {
+    menuToggle.addEventListener('click', (e) => {
+        e.stopPropagation();
+        menuDropdown.classList.toggle('show');
+    });
+}
+
+// Zapri menu ob kliku drugam
+document.addEventListener('click', (e) => {
+    if (menuDropdown && !menuDropdown.contains(e.target) && e.target !== menuToggle) {
+        menuDropdown.classList.remove('show');
+    }
+});
+
 // fizična tipkovnica
 document.addEventListener('keydown', (e) => {
     // na telefonu ni potrebe; na velikih ekranih pa naj dela