roojs-ui.js

[roojs1] / examples / layout / calendar.html

diff --git a/examples/layout/calendar.html b/examples/layout/calendar.html
index d197636..9e398cf 100644 (file)
--- a/examples/layout/calendar.html
+++ b/examples/layout/calendar.html
@@ -31,7 +31,7 @@
 div.fc-view {
        clear: both;
        border: 1px solid #963;
-       height: 500px;
+       height: 100%;
        overflow: auto;
        width: 100%
 }
@@ -69,7 +69,7 @@ html>body thead tr {
 }
 
 /* make the TH elements pretty */
-thead th {
+/*thead th {
        background: #C96;
        border-left: 1px solid #EB8;
        border-right: 1px solid #B74;
@@ -77,7 +77,7 @@ thead th {
        font-weight: normal;
        padding: 4px 3px;
        text-align: left
-}
+}*/
 
 /* make the A elements pretty. makes for nice clickable headers                */
 /*thead a, thead a:link, thead a:visited {
@@ -131,31 +131,34 @@ html>body tbody {
 /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
 html>body thead th {
-       width: 14.3%
+       width: 136px
 }
-
+/*
 html>body thead th + th {
-       width: 14.3%
+       width: 240px
 }
 
 html>body thead th + th + th {
-       width: 14.3%
-}
+       width: 316px
+}*/
 
 /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
 /* All other non-IE browsers.                                            */
 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
 html>body tbody td {
-       width: 14.3%
+       width: 136px
 }
-
+html>body tbody td:last-child {
+       width: 120px
+}
+/*
 html>body tbody td + td {
-       width: 14.3%
+       width: 240px
 }
 
 html>body tbody td + td + td {
-       width: 14.3%
-}
+       width: 300px
+}*/
 
 </style>
 
@@ -165,7 +168,7 @@ html>body tbody td + td + td {
 <h1>View Panel Example</h1>
 
 
-<div id="view-panel" style="width:900px;height:500;">
+<div id="view-panel" style="width:952px;height:500;">
 
 </div>