Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-13 13:25:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

last fix to bug 110803 - Calendar should not use images for text

Browse Source 
the SUN/MON/TUE, etc was taken out of the backgorund graphic and is now done in CSS & DTD's
This commit is contained in:
colinp%oeone.com 2002-04-03 21:46:45 +00:00
parent f39fd703d9
commit 0950a6981c
3 changed files with 96 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
calendar/resources/content/datepicker/datepicker-overlay.xul
View File

@ -176,161 +176,184 @@
<grid id="oe-date-picker-month-grid" flex="1">
<columns>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column flex="1"/>
<column flex="1"/>
<column flex="1"/>
<column flex="1"/>
<column flex="1"/>
<column flex="1"/>
<column flex="1"/>
<column flex="1"/>
</columns>
<rows >
<rows>
<row flex="1" >
<row id="oe-date-picker-month-days-header-box">
<vbox class="oe-date-picker-month-days-box-header-class" id="oe-date-picker-month-day-1-header-box">
<label class="oe-date-picker-month-days-header-class" value="&day.1.DDD;" />
</vbox>
<vbox class="oe-date-picker-month-days-box-header-class" id="oe-date-picker-month-day-2-header-box">
<label class="oe-date-picker-month-days-header-class" value="&day.2.DDD;" />
</vbox>
<vbox class="oe-date-picker-month-days-box-header-class" id="oe-date-picker-month-day-3-header-box">
<label class="oe-date-picker-month-days-header-class" value="&day.3.DDD;" />
</vbox>
<vbox class="oe-date-picker-month-days-box-header-class" id="oe-date-picker-month-day-4-header-box">
<label class="oe-date-picker-month-days-header-class" value="&day.4.DDD;" />
</vbox>
<vbox class="oe-date-picker-month-days-box-header-class" id="oe-date-picker-month-day-5-header-box">
<label class="oe-date-picker-month-days-header-class" value="&day.5.DDD;" />
</vbox>
<vbox class="oe-date-picker-month-days-box-header-class" id="oe-date-picker-month-day-6-header-box">
<label class="oe-date-picker-month-days-header-class" value="&day.6.DDD;" />
</vbox>
<vbox class="oe-date-picker-month-days-box-header-class" id="oe-date-picker-month-day-7-header-box">
<label class="oe-date-picker-month-days-header-class" value="&day.7.DDD;" />
</vbox>
</row>
<row>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-1-box" onclick="oeDatePicker.clickDay(1)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-1" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-1" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-2-box" onclick="oeDatePicker.clickDay(2)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-2" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-2" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-3-box" onclick="oeDatePicker.clickDay(3)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-3" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-3" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-4-box" onclick="oeDatePicker.clickDay(4)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-4" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-4" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-5-box" onclick="oeDatePicker.clickDay(5)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-5" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-5" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-6-box" onclick="oeDatePicker.clickDay(6)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-6" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-6" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-7-box" onclick="oeDatePicker.clickDay(7)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-7" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-7" value="" />
</vbox>
</row>
<row flex="1" >
<row>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-8-box" onclick="oeDatePicker.clickDay(8)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-8" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-8" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-9-box" onclick="oeDatePicker.clickDay(9)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-9" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-9" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-10-box" onclick="oeDatePicker.clickDay(10)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-10" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-10" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-11-box" onclick="oeDatePicker.clickDay(11)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-11" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-11" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-12-box" onclick="oeDatePicker.clickDay(12)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-12" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-12" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-13-box" onclick="oeDatePicker.clickDay(13)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-13" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-13" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-14-box" onclick="oeDatePicker.clickDay(14)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-14" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-14" value="" />
</vbox>
</row>
<row flex="1" >
<row>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-15-box" onclick="oeDatePicker.clickDay(15)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-15" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-15" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-16-box" onclick="oeDatePicker.clickDay(16)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-16" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-16" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-17-box" onclick="oeDatePicker.clickDay(17)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-17" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-17" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-18-box" onclick="oeDatePicker.clickDay(18)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-18" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-18" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-19-box" onclick="oeDatePicker.clickDay(19)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-19" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-19" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-20-box" onclick="oeDatePicker.clickDay(20)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-20" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-20" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-21-box" onclick="oeDatePicker.clickDay(21)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-21" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-21" value="" />
</vbox>
</row>
<row flex="1" >
<row>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-22-box" onclick="oeDatePicker.clickDay(22)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-22" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-22" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-23-box" onclick="oeDatePicker.clickDay(23)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-23" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-23" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-24-box" onclick="oeDatePicker.clickDay(24)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-24" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-24" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-25-box" onclick="oeDatePicker.clickDay(25)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-25" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-25" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-26-box" onclick="oeDatePicker.clickDay(26)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-26" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-26" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-27-box" onclick="oeDatePicker.clickDay(27)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-27" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-27" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-28-box" onclick="oeDatePicker.clickDay(28)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-28" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-28" value="" />
</vbox>
</row>
<row flex="1" >
<row>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-29-box" onclick="oeDatePicker.clickDay(29)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-29" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-29" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-30-box" onclick="oeDatePicker.clickDay(30)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-30" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-30" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-31-box" onclick="oeDatePicker.clickDay(31)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-31" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-31" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-32-box" onclick="oeDatePicker.clickDay(32)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-32" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-32" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-33-box" onclick="oeDatePicker.clickDay(33)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-33" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-33" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-34-box" onclick="oeDatePicker.clickDay(34)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-34" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-34" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-35-box" onclick="oeDatePicker.clickDay(35)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-35" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-35" value="" />
</vbox>
</row>
<row flex="1" >
<row>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-36-box" onclick="oeDatePicker.clickDay(36)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-36" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-36" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-37-box" onclick="oeDatePicker.clickDay(37)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-37" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-37" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-38-box" onclick="oeDatePicker.clickDay(38)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-38" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-38" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-39-box" onclick="oeDatePicker.clickDay(39)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-39" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-39" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-40-box" onclick="oeDatePicker.clickDay(40)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-40" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-40" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-41-box" onclick="oeDatePicker.clickDay(41)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-41" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-41" value="" />
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-42-box" onclick="oeDatePicker.clickDay(42)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-42" value="" /></box>
<label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-42" value="" />
</vbox>
</row>
</rows>
</grid> <!-- Month Grid -->

17
calendar/resources/skin/modern/datepicker/datepicker.css
View File

@ -113,14 +113,12 @@
#oe-date-picker-month-grid
{
margin-top : 14px;
margin-right : 2px;
margin-bottom : 2px;
}
.oe-date-picker-month-day-box-class
{
text-align : right;
min-width : 27px;
min-height : 27px;
}
@ -130,3 +128,18 @@
background-color : #6699CC;
}
.oe-date-picker-month-days-header-class
{
margin : 0px;
padding : 0px;
}
#oe-date-picker-month-days-header-box
{
margin : 2px 0px;
}
.oe-date-picker-month-days-box-header-class
{
-moz-box-align : center;
}

BIN
calendar/resources/skin/modern/datepicker/day_grid.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 653 B