@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
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
+28
-23
+1
-1
src/__celerity_resource_map__.php
+1
-1
src/__celerity_resource_map__.php
+27
-22
webroot/rsrc/css/aphront/calendar-view.css
+27
-22
webroot/rsrc/css/aphront/calendar-view.css
···
3
3
*/
4
4
5
5
.aphront-calendar-view {
6
-
width: 100%;
7
-
border-collapse: collapse;
8
-
background: #fdfdfd;
9
-
border: 2px solid #003366;
6
+
width: 100%;
7
+
border-collapse: collapse;
8
+
background: #fff;
9
+
border: 2px solid #4f3612;
10
+
box-shadow: 0px 2px 6px #ccc;
10
11
}
11
12
12
13
tr.aphront-calendar-month-year-header th {
13
14
text-align: center;
14
15
font-weight: bold;
15
-
font-size: 14px;
16
-
padding: .5em;
16
+
font-size: 20px;
17
+
padding: 10px;
17
18
color: white;
18
-
background: #003366;
19
+
background: #4f3612;
20
+
height: 26px;
21
+
19
22
}
20
23
21
24
tr.aphront-calendar-month-year-header th a {
22
25
color: white;
23
26
font-weight: bold;
24
27
text-decoration: none;
28
+
display: block;
29
+
}
30
+
31
+
tr.aphront-calendar-month-year-header th a:hover {
32
+
color: #feffd0;
25
33
}
26
34
27
35
tr.aphront-calendar-day-of-week-header th {
28
36
text-align: center;
29
37
font-size: 11px;
30
-
padding: .25em;
38
+
padding: 3px;
31
39
color: white;
32
-
background: #3366BB;
40
+
background: #896c45;
33
41
}
34
42
35
43
table.aphront-calendar-view td {
···
38
46
}
39
47
40
48
table.aphront-calendar-view td div.aphront-calendar-day {
41
-
min-height: 110px;
49
+
min-height: 125px;
42
50
}
43
51
44
52
.aphront-calendar-holiday {
···
49
57
}
50
58
51
59
.aphront-calendar-date-number {
52
-
font-weight: bold;
53
-
color: #666666;
54
-
padding: .5em;
60
+
font-weight: normal;
61
+
color: #999;
62
+
padding: 4px;
55
63
border-color: #dfdfdf;
56
64
border-style: solid;
57
65
border-width: 0 0 1px 1px;
···
73
81
74
82
.aphront-calendar-event {
75
83
clear: both;
76
-
border-style: solid;
77
-
border-width: 1px;
78
-
border-color: #6666ff;
79
84
80
-
background: #ddddff;
85
+
background: #006799;
81
86
font-size: 11px;
82
87
margin: 2px 0;
83
-
84
-
border-radius: 8px;
85
-
-moz-border-radius: 8px;
88
+
border-radius: 10px;
86
89
padding: 3px 5%;
87
-
color: #222266;
88
-
89
90
width: 90%;
90
91
overflow: hidden;
92
+
}
93
+
94
+
.aphront-calendar-event a {
95
+
color: #fff;
91
96
}
92
97
93
98
.aphront-calendar-event-empty {