Constrain system and station list size.

diff --git a/lib/station.php b/lib/station.php
index caf5b68..ddf96ed 100644 (file)
--- a/lib/station.php
+++ b/lib/station.php
@@ -32,12 +32,14 @@
     $q = new StationQuery;
     $q->joinWith('Station.System');
     $stations = $q->orderBy('System.Name')->orderByName()->find();
+    echo "<div id=\"stations\">";
     foreach ($stations as $station) {
       $station_name = $station->getName();
       $system_name = $station->getSystem()->getName();
       $type = $station->getType();
       echo "<p><strong>$station_name</strong> $type in <em>$system_name</em></p>\n";
     }
+    echo "</div>";
 
     echo "<hr>\n";
     $sq = new SystemQuery;

diff --git a/lib/system.php b/lib/system.php
index 57027f1..a774046 100644 (file)
--- a/lib/system.php
+++ b/lib/system.php
@@ -26,10 +26,12 @@
     $q = new SystemQuery;
     $systems = $q->orderByName()->find();
     if (! count($systems)) echo "<p>No systems</p>\n";
+    echo "<div id=\"systems\">\n";
     foreach ($systems as $system) {
       $system_name = $system->getName();
       echo "<p><strong>$system_name</strong></p>\n";
     }
+    echo "</div>\n";
 
     echo "<hr>\n";
     form();

diff --git a/station.js b/station.js
new file mode 100644 (file)
index 0000000..f2c303d
--- /dev/null
+++ b/station.js
@@ -0,0 +1,8 @@
+/* Document onload. */
+function loaded() {
+  var div = document.getElementById('stations');
+  console.log([div.offsetHeight, window.innerHeight].join(' vs '));
+  if (div && div.offsetHeight > window.innerHeight * 0.9) div.style.height = '80%';
+}
+
+document.onload = loaded();

diff --git a/style.css b/style.css
index 28e9a62..72d7fac 100644 (file)
--- a/style.css
+++ b/style.css
@@ -7,3 +7,5 @@ th:nth-child(n+2),td:nth-child(n+2) { text-align: center; }
 table.entries { background-color: black; }
 table.entries th, table.entries td { text-align: center; }
 .classification .bbcode { display: none; background-color: rgba(0, 0, 0, 0.1); }
+#systems { overflow-x: auto; }
+#stations { overflow-x: auto; }

diff --git a/system.js b/system.js
new file mode 100644 (file)
index 0000000..4207b78
--- /dev/null
+++ b/system.js
@@ -0,0 +1,8 @@
+/* Document onload. */
+function loaded() {
+  var div = document.getElementById('systems');
+  console.log([div.offsetHeight, window.innerHeight].join(' vs '));
+  if (div && div.offsetHeight > window.innerHeight * 0.9) div.style.height = '80%';
+}
+
+document.onload = loaded();