Grid Narrowing CSS, Week View - Sunbird 0.2: Difference between revisions
From MozillaZine Knowledge Base
Jump to navigationJump to search
m (reorg calendar pages: category Calendar subsumes Sunbird and Lightning) |
m (reorg calendar tips as category) |
||
Line 2: | Line 2: | ||
/* CalendarWeekViewNarrowGrid.css | /* CalendarWeekViewNarrowGrid.css | ||
To reduce the minimum width of Calendar grid views to fit 800x600 screen, | To reduce the minimum width of Calendar grid views to fit 800x600 screen, | ||
save this css in your profile [1] chrome directory, | save this css in your profile [1] chrome directory, | ||
and import it in your userChrome.css [2]. | and import it in your userChrome.css [2]. | ||
For Sunbird, the userChrome.css path may be something like the following | For Sunbird, the userChrome.css path may be something like the following | ||
w2k: c:\Documents and Settings\USER\Application Data\Mozilla\Sunbird\Profiles\NNNNN.default\chrome\userChrome.css | w2k: c:\Documents and Settings\USER\Application Data\Mozilla\Sunbird\Profiles\NNNNN.default\chrome\userChrome.css | ||
gnu/linux: ~/.mozilla/sunbird/NNNNNN.default/chrome/userChrome.css | gnu/linux: ~/.mozilla/sunbird/NNNNNN.default/chrome/userChrome.css | ||
1. Save this file in your profile as chrome/CalendarWeekViewNarrowGrid.css | 1. Save this file in your profile as chrome/CalendarWeekViewNarrowGrid.css | ||
2. Add the following to profile file chrome/userChrome.css (create if none): | 2. Add the following to profile file chrome/userChrome.css (create if none): | ||
@import url("CalendarWeekViewNarrowGrid.css"); | @import url("CalendarWeekViewNarrowGrid.css"); | ||
The CSS is tested against Sunbird 0.2rc1. | The CSS is tested against Sunbird 0.2rc1 - 0.3a1 | ||
It should not be necessary in versions 0.3 or later (bug270915 [3]). | It should not be necessary in versions 0.3 or later (bug270915 [3]). | ||
Warning: using userChrome.css can lead to errors developers can't reproduce. | Warning: using userChrome.css can lead to errors developers can't reproduce. | ||
Before reporting Calendar errors, be sure to test with no userChrome.css. | Before reporting Calendar errors, be sure to test with no userChrome.css. | ||
*/ | */ | ||
/* Like patch for bug270915, reduce column widths from 80px to 60px (+/- 2).*/ | /* Like patch for bug270915, reduce column widths from 80px to 60px (+/- 2).*/ | ||
#weekview-daynumber-spacer | #weekview-daynumber-spacer | ||
{ | { | ||
width: 60px ! important; | width: 60px ! important; | ||
} | } | ||
.week-view-hour-box-class | .week-view-hour-box-class | ||
{ | { | ||
width: 58px ! important; | width: 58px ! important; | ||
} | } | ||
.week-view-hours-only-box-class | .week-view-hours-only-box-class | ||
{ | { | ||
width: 62px ! important; | width: 62px ! important; | ||
} | } | ||
#weekview-daynumber-spacer-left | #weekview-daynumber-spacer-left | ||
{ | { | ||
width: 62px ! important; | width: 62px ! important; | ||
} | } | ||
.all-day-content-box-week | .all-day-content-box-week | ||
{ | { | ||
width: 58px ! important; | width: 58px ! important; | ||
} | } | ||
/* References: | /* References: | ||
[1] Where is my profile folder? | [1] Where is my profile folder? | ||
http://kb.mozillazine.org/index.phtml?title=Profile_Folder#Where_is_my_profile_folder? | http://kb.mozillazine.org/index.phtml?title=Profile_Folder#Where_is_my_profile_folder? | ||
[2] Customizing Mozilla: User CSS | [2] Customizing Mozilla: User CSS | ||
http://www.mozilla.org/unix/customizing.html | http://www.mozilla.org/unix/customizing.html | ||
[3] Bug 270915: 800x600 resolution not supported well | [3] Bug 270915: 800x600 resolution not supported well | ||
https://bugzilla.mozilla.org/show_bug.cgi?id=270915 | https://bugzilla.mozilla.org/show_bug.cgi?id=270915 | ||
[4] CSS2: The Cascade: !Important Rules | [4] CSS2: The Cascade: !Important Rules | ||
http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules | http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules | ||
*/ | */ | ||
[[Category:Calendar 0.2]] | [[Category:Calendar 0.2]][[Category:Tips - Calendar 0.2]] |
Latest revision as of 14:34, 8 July 2007
Advanced Tip: Calendar Week View Narrow Grid
/* CalendarWeekViewNarrowGrid.css To reduce the minimum width of Calendar grid views to fit 800x600 screen, save this css in your profile [1] chrome directory, and import it in your userChrome.css [2]. For Sunbird, the userChrome.css path may be something like the following w2k: c:\Documents and Settings\USER\Application Data\Mozilla\Sunbird\Profiles\NNNNN.default\chrome\userChrome.css gnu/linux: ~/.mozilla/sunbird/NNNNNN.default/chrome/userChrome.css 1. Save this file in your profile as chrome/CalendarWeekViewNarrowGrid.css 2. Add the following to profile file chrome/userChrome.css (create if none): @import url("CalendarWeekViewNarrowGrid.css"); The CSS is tested against Sunbird 0.2rc1 - 0.3a1 It should not be necessary in versions 0.3 or later (bug270915 [3]). Warning: using userChrome.css can lead to errors developers can't reproduce. Before reporting Calendar errors, be sure to test with no userChrome.css. */ /* Like patch for bug270915, reduce column widths from 80px to 60px (+/- 2).*/ #weekview-daynumber-spacer { width: 60px ! important; } .week-view-hour-box-class { width: 58px ! important; } .week-view-hours-only-box-class { width: 62px ! important; } #weekview-daynumber-spacer-left { width: 62px ! important; } .all-day-content-box-week { width: 58px ! important; } /* References: [1] Where is my profile folder? http://kb.mozillazine.org/index.phtml?title=Profile_Folder#Where_is_my_profile_folder? [2] Customizing Mozilla: User CSS http://www.mozilla.org/unix/customizing.html [3] Bug 270915: 800x600 resolution not supported well https://bugzilla.mozilla.org/show_bug.cgi?id=270915 [4] CSS2: The Cascade: !Important Rules http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules */