fixed the dayview all day events & week view all day events is now centered

This commit is contained in:
colinp%oeone.com 2002-03-22 21:53:27 +00:00
parent ab138551b9
commit a7b45721f1
7 changed files with 57 additions and 20 deletions

View File

@ -121,8 +121,8 @@ DayView.prototype.refreshEvents = function( )
//if ( TextNode == null )
//{
HtmlNode = document.createElement( "description" );
HtmlNode.setAttribute( "id", "all-day-content-box-text" );
TextNode = document.createTextNode( "All-Day Events: " );
HtmlNode.setAttribute( "class", "all-day-content-box-text-title" );
TextNode = document.createTextNode( "All-Day Events" );
HtmlNode.appendChild( TextNode );
document.getElementById( "all-day-content-box" ).appendChild( HtmlNode );

View File

@ -83,8 +83,8 @@
<!-- Day View: -->
<box id="all-day-content-box" collapsed="true" flex="1">
<label id="all-day-content-box-text" value="All-Day Events: "/>
<box id="all-day-content-box" align="center" collapsed="true" flex="1">
<label class="all-day-content-box-text-title" value="All Day Events"/>
</box>
<!-- This is an overlay being included from above -->

View File

@ -130,9 +130,9 @@
</box>
</box>
<box id="week-view-all-day-content-box">
<box id="week-view-all-day-content-box" align="center">
<vbox id="weekview-daynumber-spacer-left" flex="1">
<label id="all-day-content-box-text-title" value="All Day Events"/>
<label class="all-day-content-box-text-title" value="All Day Events"/>
</vbox>
<hbox class="all-day-content-box-week" id="all-day-content-box-week-1"/>

View File

@ -121,8 +121,8 @@ DayView.prototype.refreshEvents = function( )
//if ( TextNode == null )
//{
HtmlNode = document.createElement( "description" );
HtmlNode.setAttribute( "id", "all-day-content-box-text" );
TextNode = document.createTextNode( "All-Day Events: " );
HtmlNode.setAttribute( "class", "all-day-content-box-text-title" );
TextNode = document.createTextNode( "All-Day Events" );
HtmlNode.appendChild( TextNode );
document.getElementById( "all-day-content-box" ).appendChild( HtmlNode );

View File

@ -83,8 +83,8 @@
<!-- Day View: -->
<box id="all-day-content-box" collapsed="true" flex="1">
<label id="all-day-content-box-text" value="All-Day Events: "/>
<box id="all-day-content-box" align="center" collapsed="true" flex="1">
<label class="all-day-content-box-text-title" value="All Day Events"/>
</box>
<!-- This is an overlay being included from above -->

View File

@ -130,9 +130,9 @@
</box>
</box>
<box id="week-view-all-day-content-box">
<box id="week-view-all-day-content-box" align="center">
<vbox id="weekview-daynumber-spacer-left" flex="1">
<label id="all-day-content-box-text-title" value="All Day Events"/>
<label class="all-day-content-box-text-title" value="All Day Events"/>
</vbox>
<hbox class="all-day-content-box-week" id="all-day-content-box-week-1"/>

View File

@ -784,7 +784,7 @@
}
/*--------------------------------------------------------------------
* Next and Previous buttons. :TODO: Should they have hover?
* Next and Previous buttons.
*-------------------------------------------------------------------*/
#day-previous-button
@ -792,17 +792,36 @@
list-style-image : url("chrome://calendar/skin/arrow_left.png");
}
#day-previous-button:hover
{
list-style-image : url("chrome://calendar/skin/arrow_left_hover.png");
}
#day-previous-button:hover:active
{
list-style-image : url("chrome://calendar/skin/arrow_left_down.png");
}
#day-next-button
{
list-style-image : url("chrome://calendar/skin/arrow_right.png");
}
#day-next-button:hover
{
list-style-image : url("chrome://calendar/skin/arrow_right_hover.png");
}
#day-next-button:hover:active
{
list-style-image : url("chrome://calendar/skin/arrow_right_down.png");
}
#day-next-button-box
{
-moz-box-pack : end;
}
/*--------------------------------------------------------------------
* Box around the all day content at the top
*-------------------------------------------------------------------*/
@ -811,12 +830,11 @@
{
min-height : 25px;
max-height : 25px;
margin-left : 2px;
margin-rignt : 2px;
overflow : auto;
border : 2px solid #2085c4;
-moz-box-pack : center;
border-top : 1px solid #1D7AB5;
border-left : 1px solid #1D7AB5;
border-right : 1px solid #1D7AB5;
background-color : #ffffff;
}
/*--------------------------------------------------------------------
@ -952,12 +970,31 @@
list-style-image : url("chrome://calendar/skin/arrow_left.png");
}
#week-previous-button:hover
{
list-style-image : url("chrome://calendar/skin/arrow_left_hover.png");
}
#week-previous-button:hover:active
{
list-style-image : url("chrome://calendar/skin/arrow_left_down.png");
}
#week-next-button
{
list-style-image : url("chrome://calendar/skin/arrow_right.png");
}
#week-next-button:hover
{
list-style-image : url("chrome://calendar/skin/arrow_right_hover.png");
}
#week-next-button:hover:active
{
list-style-image : url("chrome://calendar/skin/arrow_right_down.png");
}
#week-next-button-box
{
-moz-box-pack : end;
@ -1128,7 +1165,7 @@
min-height : 15px;
}
#all-day-content-box-text-title
.all-day-content-box-text-title
{
font-size : 10pt;
font-family : Arial, Helvetica;