Move calendar list to the bottom.

diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js
index ee484f4..1642275 100644 (file)
--- a/kronolith/js/kronolith.js
+++ b/kronolith/js/kronolith.js
@@ -660,8 +660,6 @@ KronolithCore = {
         $('kronolithMinicalDate').store('date', date.dateString()).innerHTML = date.toString('MMMM yyyy');
 
         this.buildMinical($('kronolithMinical').down('tbody'), date, view);
-
-        $('kronolithMenuCalendars').setStyle({ 'bottom': $('kronolithMenuBottom').getHeight() + 'px' });
     },
 
     /**

diff --git a/kronolith/templates/index/index.inc b/kronolith/templates/index/index.inc
index f4eca64..1df983c 100644 (file)
--- a/kronolith/templates/index/index.inc
+++ b/kronolith/templates/index/index.inc
@@ -39,6 +39,37 @@
     <span id="kronolithQuickEvent" title="<?php echo _("Quick _insert") ?>">+</span>
   </div>
 
+  <div id="kronolithMinical" class="kronolithMinical">
+    <table cellspacing="1" cellpadding="0" border="0">
+    <caption>
+      <a id="kronolithMinicalPrev" title="<?php echo _("Previous month") ?>">&lt;</a>
+      <a id="kronolithMinicalNext" title="<?php echo _("Next month") ?>">&gt;</a>
+      <span id="kronolithMinicalDate"><?php echo $today->format('F Y') ?></span>
+    </caption>
+
+    <thead>
+      <tr>
+        <th class="kronolithMinicalEmpty">&nbsp;</th>
+        <?php for ($i = $prefs->getValue('week_start_monday'), $c = $i + 7; $i < $c; $i++): ?>
+        <th title="<?php echo Horde_Nls::getLangInfo(constant('DAY_' . ($i % 7 + 1))) ?>"><?php echo substr(Horde_Nls::getLangInfo(constant('DAY_' . ($i % 7 + 1))), 0, 1) ?></th>
+        <?php endfor; ?>
+      </tr>
+    </thead>
+
+    <tbody><tr><td></td></tr></tbody>
+    </table>
+  </div>
+
+  <h3 class="search">
+    <span><?php echo _("Search") ?></span>
+  </h3>
+
+  <form id="kronolithSearchForm" action="">
+    <input type="text" id="kronolithSearchTerm" />
+    <input id="kronolithSearchButton" type="button" value="OK" class="button ok" />
+    <input id="kronolithSearchAdvanced" type="button" value="+" class="button" />
+  </form>
+
   <div id="kronolithMenuCalendars">
   <h3 id="kronolithCalendarsFirst">
     <a href="#" class="kronolithAdd">+</a>
@@ -74,38 +105,6 @@
   </div>
   </div>
 
-  <div id="kronolithMenuBottom">
-  <div id="kronolithMinical" class="kronolithMinical">
-    <table cellspacing="1" cellpadding="0" border="0">
-    <caption>
-      <a id="kronolithMinicalPrev" title="<?php echo _("Previous month") ?>">&lt;</a>
-      <a id="kronolithMinicalNext" title="<?php echo _("Next month") ?>">&gt;</a>
-      <span id="kronolithMinicalDate"><?php echo $today->format('F Y') ?></span>
-    </caption>
-
-    <thead>
-      <tr>
-        <th class="kronolithMinicalEmpty">&nbsp;</th>
-        <?php for ($i = $prefs->getValue('week_start_monday'), $c = $i + 7; $i < $c; $i++): ?>
-        <th title="<?php echo Horde_Nls::getLangInfo(constant('DAY_' . ($i % 7 + 1))) ?>"><?php echo substr(Horde_Nls::getLangInfo(constant('DAY_' . ($i % 7 + 1))), 0, 1) ?></th>
-        <?php endfor; ?>
-      </tr>
-    </thead>
-
-    <tbody><tr><td></td></tr></tbody>
-    </table>
-  </div>
-
-  <h3 class="search">
-    <span><?php echo _("Search") ?></span>
-  </h3>
-
-  <form id="kronolithSearchForm" action="">
-    <input type="text" id="kronolithSearchTerm" />
-    <input id="kronolithSearchButton" type="button" value="OK" class="button ok" />
-    <input id="kronolithSearchAdvanced" type="button" value="+" class="button" />
-  </form>
-  </div>
 </div>
 <!-- end left menu -->
 

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 4e3985e..66190e9 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -405,16 +405,13 @@ body.kronolithAjax {
 }
 #kronolithMenuCalendars {
     position: absolute;
-    top: 34px;
-    margin-bottom: 20px;
+    top: 295px;
+    bottom: 0;
+    width: 100%;
     overflow: auto;
     overflow-x: hidden;
     overflow-y: auto;
 }
-#kronolithMenuBottom {
-    position: absolute;
-    bottom: 0;
-}
 #kronolithMenu h3 {
     position: relative;
     margin-top: 15px;
@@ -426,9 +423,19 @@ body.kronolithAjax {
     border-bottom: 1px #000 dotted;
     cursor: default;
 }
+#kronolithMenu h3.search {
+    top: 15px;
+}
+#kronolithSearchForm {
+    position: relative;
+    top: 15px;
+}
 #kronolithMenu h3#kronolithCalendarsFirst {
     margin-top: 0;
 }
+#kronolithMenu div#kronolithHolidayCalendars {
+    margin-bottom: 0;
+}
 #kronolithMenu a.kronolithAdd {
     position: absolute;
     right: 0;
@@ -644,6 +651,9 @@ div#kronolithEventTopTags span:hover {
 .kronolithMinical {
     position: relative;
 }
+#kronolithMinical {
+    top: 15px;
+}
 .kronolithMinical table {
     width: 100%;
 }