Render day view as table.

diff --git a/kronolith/templates/index/day.inc b/kronolith/templates/index/day.inc
index a34587e..9293cc5 100644 (file)
--- a/kronolith/templates/index/day.inc
+++ b/kronolith/templates/index/day.inc
@@ -1,75 +1,20 @@
 <div id="kronolithViewDay" class="kronolithView kronolithViewDay" style="display:none">
-
-<div class="kronolithViewHead">
-  <div class="kronolithRow">
-    <div class="kronolithFirstCol">&nbsp;</div>
-    <div class="kronolithCol"><span></span></div>
-  </div>
-</div>
-<div class="kronolithViewBody">
-  <div class="kronolithRow kronolithAllDay">
-     <div class="kronolithFirstCol"><?php echo _("All day") ?></div>
-    <div class="kronolithCol">
-      <div class="kronolithEvent c3">Restauração da Independência</div>
-      <div class="kronolithEvent c2">Dia Mundial da Usabilidade</div>
-    </div>
-  </div>
-<?php for ($i = 0; $i < 24; $i++): ?>
-  <div class="kronolithRow<?php if ($i < 9 || $i > 19) echo ' kronolithNight' ?>">
-    <div class="kronolithFirstCol"><?php printf('%02d', $i) ?></div>
-    <div class="kronolithCol kronolithFirstField"></div>
-    <div class="kronolithCol"></div>
-    <div class="kronolithCol"></div>
-    <div class="kronolithCol"></div>
-    <div class="kronolithCol"></div>
-    <div class="kronolithCol"></div>
-    <div class="kronolithCol kronolithLastField"></div>
-  </div>
-<?php endfor; ?>
-
-  <div class="kronolithEvents">
-    <div class="kronolithEvent c1 kronolithEventFull col1 hour0 length2">
-      <div class="kronolithDragger kronolithDraggerTop"></div>
-      <div class="kronolithEventInfo">10h diiaiaiai jkh gjhg fjkgh fkjgh kfjhg jkfhg kjfh g</div>
-      <div class="kronolithDragger kronolithDraggerBottom"></div>
-    </div>
-
-    <div class="kronolithEvent c2 kronolithEventFull col2 hour1 length6">
-      <div class="kronolithDragger kronolithDraggerTop"></div>
-      <div class="kronolithEventInfo">10h diiaiaiai jkh gjhg fjkgh fkjgh kfjhg jkfhg kjfh g</div>
-      <div class="kronolithDragger kronolithDraggerBottom"></div>
-    </div>
-
-    <div class="kronolithEvent c1 kronolithEventFull col3 hour0 length2">
-      <div class="kronolithDragger kronolithDraggerTop"></div>
-      <div class="kronolithEventInfo">10h diiaiaiai jkh gjhg fjkgh fkjgh kfjhg jkfhg kjfh g</div>
-      <div class="kronolithDragger kronolithDraggerBottom"></div>
-    </div>
-
-    <div class="kronolithEvent c1 kronolithEventFull col4 hour0 length2">
-      <div class="kronolithDragger kronolithDraggerTop"></div>
-      <div class="kronolithEventInfo">10h diiaiaiai jkh gjhg fjkgh fkjgh kfjhg jkfhg kjfh g</div>
-      <div class="kronolithDragger kronolithDraggerBottom"></div>
-    </div>
-
-    <div class="kronolithEvent c1 kronolithEventFull col5 hour0 length2">
-      <div class="kronolithDragger kronolithDraggerTop"></div>
-      <div class="kronolithEventInfo">10h diiaiaiai jkh gjhg fjkgh fkjgh kfjhg jkfhg kjfh g</div>
-      <div class="kronolithDragger kronolithDraggerBottom"></div>
-    </div>
-
-    <div class="kronolithEvent c1 kronolithEventFull col6 hour0 length2">
-      <div class="kronolithDragger kronolithDraggerTop"></div>
-      <div class="kronolithEventInfo">10h diiaiaiai jkh gjhg fjkgh fkjgh kfjhg jkfhg kjfh g</div>
-      <div class="kronolithDragger kronolithDraggerBottom"></div>
-    </div>
-
-    <div class="kronolithEvent c1 kronolithEventFull col7 hour0 length2">
-      <div class="kronolithDragger kronolithDraggerTop"></div>
-      <div class="kronolithEventInfo">10h diiaiaiai jkh gjhg fjkgh fkjgh kfjhg jkfhg kjfh g</div>
-      <div class="kronolithDragger kronolithDraggerBottom"></div>
-    </div>
-  </div>
-</div>
-
+<table class="kronolithView kronolithViewDay">
+  <thead class="kronolithViewHead"><tr>
+    <td class="kronolithFirstCol">&nbsp;</td>
+    <td class="kronolithCol"><span></span></td>
+  </tr></thead>
+  <tbody class="kronolithViewBody">
+    <tr class="kronolithRow kronolithAllDay">
+      <td class="kronolithFirstCol"><?php echo _("All day") ?></td>
+      <td class="kronolithCol"></td>
+    </tr>
+    <?php for ($i = 0; $i < 24; $i++): ?>
+    <tr class="kronolithRow<?php if ($i < 9 || $i > 19) echo ' kronolithNight' ?>">
+      <td class="kronolithFirstCol"><?php printf('%02d', $i) ?></td>
+      <td class="kronolithCol"></td>
+    </tr>
+    <?php endfor; ?>
+  </tbody>
+</table>
 </div>

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 350adab..c53b99f 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -851,7 +851,7 @@ div#kronolithEventTopTags span:hover {
     left: 175px;
     right: 10px;
     bottom: 10px;
-    overflow: hidden;
+    overflow: auto;
 }
 .kronolithView {
 }
@@ -915,6 +915,17 @@ div.kronolithView div.kronolithViewHead div.kronolithRow div.kronolithFirstCol {
 #kronolithViewHead .kronolithFirstCol {
     border-color: transparent;
 }
+.kronolithViewHead {
+    height: 20px;
+    line-height: 20px;
+    font-weight: bold;
+}
+.kronolithViewHead span {
+    padding: 0 5px;
+}
+.kronolithViewHead .kronolithFirstCol {
+    border-color: transparent;
+}
 
 /* Main view body */
 div.kronolithView div.kronolithViewBody {
@@ -966,6 +977,12 @@ div.kronolithView div.kronolithViewBody div.kronolithRow {
 .kronolithViewDay div.kronolithViewBody div.kronolithRow.kronolithAllDay div.kronolithCol {
     border-width: 1px;
 }
+.kronolithViewDay td {
+    height: 40px;
+}
+.kronolithViewHead td {
+    height: 20px;
+}
 
 /* More main view */
 div.kronolithView div.kronolithViewBody div.kronolithRow div {