mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-22 23:02:42 +01:00
Minor Calendar color tweaks.
Summary: This updates spacing and colors on the calendar page. Test Plan: View calendar, make an event, view it again. Reviewers: epriestley, btrahan Reviewed By: btrahan CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D4130
This commit is contained in:
parent
6b1e362e02
commit
ee48330579
2 changed files with 28 additions and 23 deletions
|
@ -571,7 +571,7 @@ celerity_register_resource_map(array(
|
||||||
),
|
),
|
||||||
'aphront-calendar-view-css' =>
|
'aphront-calendar-view-css' =>
|
||||||
array(
|
array(
|
||||||
'uri' => '/res/31e92d4d/rsrc/css/aphront/calendar-view.css',
|
'uri' => '/res/221d584d/rsrc/css/aphront/calendar-view.css',
|
||||||
'type' => 'css',
|
'type' => 'css',
|
||||||
'requires' =>
|
'requires' =>
|
||||||
array(
|
array(
|
||||||
|
|
|
@ -3,33 +3,41 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.aphront-calendar-view {
|
.aphront-calendar-view {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background: #fdfdfd;
|
background: #fff;
|
||||||
border: 2px solid #003366;
|
border: 2px solid #4f3612;
|
||||||
|
box-shadow: 0px 2px 6px #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.aphront-calendar-month-year-header th {
|
tr.aphront-calendar-month-year-header th {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 14px;
|
font-size: 20px;
|
||||||
padding: .5em;
|
padding: 10px;
|
||||||
color: white;
|
color: white;
|
||||||
background: #003366;
|
background: #4f3612;
|
||||||
|
height: 26px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.aphront-calendar-month-year-header th a {
|
tr.aphront-calendar-month-year-header th a {
|
||||||
color: white;
|
color: white;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr.aphront-calendar-month-year-header th a:hover {
|
||||||
|
color: #feffd0;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.aphront-calendar-day-of-week-header th {
|
tr.aphront-calendar-day-of-week-header th {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
padding: .25em;
|
padding: 3px;
|
||||||
color: white;
|
color: white;
|
||||||
background: #3366BB;
|
background: #896c45;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.aphront-calendar-view td {
|
table.aphront-calendar-view td {
|
||||||
|
@ -38,7 +46,7 @@ table.aphront-calendar-view td {
|
||||||
}
|
}
|
||||||
|
|
||||||
table.aphront-calendar-view td div.aphront-calendar-day {
|
table.aphront-calendar-view td div.aphront-calendar-day {
|
||||||
min-height: 110px;
|
min-height: 125px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aphront-calendar-holiday {
|
.aphront-calendar-holiday {
|
||||||
|
@ -49,9 +57,9 @@ table.aphront-calendar-view td div.aphront-calendar-day {
|
||||||
}
|
}
|
||||||
|
|
||||||
.aphront-calendar-date-number {
|
.aphront-calendar-date-number {
|
||||||
font-weight: bold;
|
font-weight: normal;
|
||||||
color: #666666;
|
color: #999;
|
||||||
padding: .5em;
|
padding: 4px;
|
||||||
border-color: #dfdfdf;
|
border-color: #dfdfdf;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 0 0 1px 1px;
|
border-width: 0 0 1px 1px;
|
||||||
|
@ -73,23 +81,20 @@ table.aphront-calendar-view td div.aphront-calendar-day {
|
||||||
|
|
||||||
.aphront-calendar-event {
|
.aphront-calendar-event {
|
||||||
clear: both;
|
clear: both;
|
||||||
border-style: solid;
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: #6666ff;
|
|
||||||
|
|
||||||
background: #ddddff;
|
background: #006799;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
margin: 2px 0;
|
margin: 2px 0;
|
||||||
|
border-radius: 10px;
|
||||||
border-radius: 8px;
|
|
||||||
-moz-border-radius: 8px;
|
|
||||||
padding: 3px 5%;
|
padding: 3px 5%;
|
||||||
color: #222266;
|
|
||||||
|
|
||||||
width: 90%;
|
width: 90%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.aphront-calendar-event a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.aphront-calendar-event-empty {
|
.aphront-calendar-event-empty {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
Loading…
Reference in a new issue