From 42573fe80d35d4cb411944ae80bea6e582f5b249 Mon Sep 17 00:00:00 2001
From: Roland Stigge <stigge@antcom.de>
Date: Wed, 10 Jan 2018 21:19:43 +0100
Subject: Handle small dialog windows

---
 TODO            |  1 -
 html/index.html | 25 ++++++++++++-------------
 html/webbox.css |  7 +++++++
 html/webbox.js  | 10 ----------
 4 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/TODO b/TODO
index e803457..0e8f8c0 100644
--- a/TODO
+++ b/TODO
@@ -4,7 +4,6 @@ Prio 1 (for next version)
 handle writability
 rename function
 gallery
-scroll in dialog/menu / handle too small popup window
 
 
 Prio 2 (for future versions)
diff --git a/html/index.html b/html/index.html
index 92fdc78..43ef009 100644
--- a/html/index.html
+++ b/html/index.html
@@ -26,9 +26,6 @@
 		<div id="list">
 		</div>
 
-		<div id="debug1">
-		</div>
-
 		<div class="greyout fullscreen" id="greyout" hidden>
 		</div>
 
@@ -40,16 +37,18 @@
 		</div>
 
 		<div class="menuwindow" id="menuwindow" hidden>
-			<table class="menudialog">
-				<tr><td class="entry" onclick="hideMenu(); createDir();">New Folder</td></tr>
-				<tr><td class="entry" onclick="hideMenu(); download();">Download</td></tr>
-				<tr><td class="entry" onclick="hideMenu(); upload();">Upload</td></tr>
-				<tr><td class="entry" onclick="hideMenu(); deleteItems();">Delete</td></tr>
-				<tr><td class="entry" onclick="hideMenu(); move();">Move</td></tr>
-				<tr><td class="entry" onclick="hideMenu(); info();">Info</td></tr>
-				<tr><td class="entry" onclick="hideMenu(); selectAll();">Select/Unselect All</td></tr>
-				<tr><td class="entry" onclick="hideMenu();">Close Menu</td></tr>
-			</table>
+			<div class="menudiv">
+				<table class="menudialog">
+					<tr><td class="entry" onclick="hideMenu(); createDir();">New Folder</td></tr>
+					<tr><td class="entry" onclick="hideMenu(); download();">Download</td></tr>
+					<tr><td class="entry" onclick="hideMenu(); upload();">Upload</td></tr>
+					<tr><td class="entry" onclick="hideMenu(); deleteItems();">Delete</td></tr>
+					<tr><td class="entry" onclick="hideMenu(); move();">Move</td></tr>
+					<tr><td class="entry" onclick="hideMenu(); info();">Info</td></tr>
+					<tr><td class="entry" onclick="hideMenu(); selectAll();">Select/Unselect All</td></tr>
+					<tr><td class="entry" onclick="hideMenu();">Close Menu</td></tr>
+				</table>
+			</div>
 		</div>
 
 		<div id="create-dir-dialog" hidden>
diff --git a/html/webbox.css b/html/webbox.css
index 19d303e..ffb16cc 100644
--- a/html/webbox.css
+++ b/html/webbox.css
@@ -82,6 +82,11 @@ table.menudialog {
 	width: 100%;
 }
 
+.menudiv {
+        height: 100%;
+        overflow-y: scroll;
+}
+
 table.menudialog td.entry {
 	cursor: pointer;
 	border-width: 0;
@@ -92,6 +97,8 @@ table.menudialog td.entry {
 }
 
 .dialog {
+        height: calc(100% - 85px);
+        overflow-y: scroll;
 }
 
 .textinput {
diff --git a/html/webbox.js b/html/webbox.js
index 01738be..296429b 100644
--- a/html/webbox.js
+++ b/html/webbox.js
@@ -97,16 +97,6 @@ function getSelectedFiles() {
 	return result;
 }
 
-/*
-var debugc = 0;
-
-function debugf() {
-	debug1 = document.getElementById("debug1");
-	debug1.innerHTML = debugc;
-	debugc++;
-}
-*/
-
 // As long as this is 1, the mouse was pressed less than 1 second ago
 var mouseShortFlag = 0;
 var mouseTimeout = undefined;
-- 
cgit v1.2.3