Scroll calendar list if necessary.

diff --git a/kronolith/templates/index/index.inc b/kronolith/templates/index/index.inc
index 16aab00..dbd2de0 100644 (file)
--- a/kronolith/templates/index/index.inc
+++ b/kronolith/templates/index/index.inc
@@ -46,7 +46,8 @@
     <span id="kronolithQuickEvent" onclick="$('kronolithQuickinsert').appear()">+</span>
   </div>
 
-  <h3>
+  <div id="kronolithMenuCalendars">
+  <h3 id="kronolithCalendarsFirst">
     <a href="#" class="kronolithAdd">+</a>
     <span><?php echo _("My Calendars") ?></span>
   </h3>
@@ -71,7 +72,9 @@
 
   <div id="kronolithRemoteCalendars" class="kronolithCalendars" style="display:none">
   </div>
+  </div>
 
+  <div id="kronolithMenuBottom">
   <div id="kronolithMinical" class="kronolithMinical">
     <table cellspacing="1" cellpadding="0" border="0">
     <caption>
@@ -107,6 +110,7 @@
     </select>
     <input type="submit" value="OK" class="button ok" /><br />
   </form>
+  </div>
 </div>
 <!-- end menu -->
 

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index d58a235..5ff13de 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -463,6 +463,9 @@ table#calendar-list th.sortdown {
 /*****************
  * AJAX INTERFACE
  *****************/
+html,body {
+    height: 100%;
+}
 body.kronolithAjax {
     overflow: hidden;
 }
@@ -517,14 +520,27 @@ body.kronolithAjax {
 #kronolithMain {
     clear: both;
     padding-top: 15px;
+    height: 100%;
 }
 
 /* Left menu column */
 #kronolithMenu {
     position: absolute;
-    left: 10px;
-    width: 150px;
     top: 10px;
+    left: 10px;
+    width: 153px;
+    height: 100%;
+}
+#kronolithMenuCalendars {
+    position: absolute;
+    top: 34px;
+    bottom: 280px;
+    padding-top: -15px;
+    overflow: auto;
+}
+#kronolithMenuBottom {
+    position: absolute;
+    bottom: 10px;
 }
 #kronolithMenu h3 {
     position: relative;
@@ -536,6 +552,9 @@ body.kronolithAjax {
     font-weight: bold;
     border-bottom: 1px #000 dotted;
 }
+#kronolithMenu h3#kronolithCalendarsFirst {
+    margin-top: 0;
+}
 #kronolithMenu a.kronolithAdd {
     position: absolute;
     right: 0;