Build a basic calendar view
Summary:
This is a very small step toward building a Status and possibly an Oncall tool.
Build a calendar view which renders months.
Much of my hesitance to bang these tools out is that dealing with
dates/calendaring is basically horrible, so I'm trying to ease into it.
This calendar is locale-aware and all that jazz.
Test Plan:
- See:
https://secure.phabricator.com/file/view/PHID-FILE-c07a9c663a7d040d2529/
- Verified that months have the right number of days, today is the right day
of the week, months begin on the day after previous months end on, etc.
Reviewed By: aran
Reviewers: jungejason, tuomaspelkonen, aran
Commenters: cwbeck, jungejason
CC: blair, aran, epriestley, cwbeck, jungejason
Differential Revision: 791
2011-08-08 03:26:31 +02:00
|
|
|
/**
|
|
|
|
|
* @provides aphront-calendar-view-css
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.aphront-calendar-view {
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
background: #fdfdfd;
|
|
|
|
|
border: 2px solid #003366;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
tr.aphront-calendar-month-year-header th {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding: .5em;
|
|
|
|
|
color: white;
|
|
|
|
|
background: #003366;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
tr.aphront-calendar-day-of-week-header th {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
padding: .25em;
|
|
|
|
|
color: white;
|
|
|
|
|
background: #3366BB;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.aphront-calendar-view td {
|
|
|
|
|
border: 1px solid #dfdfdf;
|
|
|
|
|
padding: .5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.aphront-calendar-view td div {
|
|
|
|
|
min-height: 70px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.aphront-calendar-day-of-month {
|
|
|
|
|
text-align: right;
|
|
|
|
|
color: #666666;
|
|
|
|
|
}
|
2012-05-03 09:21:47 +02:00
|
|
|
|
|
|
|
|
.aphront-calendar-not-work-day {
|
|
|
|
|
background-color: #fdfae7;
|
|
|
|
|
}
|
