@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
Calendar month view "today" indicator should be a blue bar across the bottom of the day cell
Summary: Ref T4392, Calendar month view "today" indicator should be a blue bar across the bottom of the day cell
Test Plan: Open month view of Calendar, today should have a blue bar across the bottom of the day cell
Reviewers: chad, epriestley, #blessed_reviewers
Reviewed By: epriestley, #blessed_reviewers
Subscribers: Korvin, epriestley
Maniphest Tasks: T4392
Differential Revision: https://secure.phabricator.com/D12815
+30
-17
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
122
122
'rsrc/css/layout/phabricator-source-code-view.css' => '2ceee894',
123
123
'rsrc/css/phui/calendar/phui-calendar-day.css' => '38891735',
124
124
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1d0ca59',
125
-
'rsrc/css/phui/calendar/phui-calendar-month.css' => '873e00da',
125
+
'rsrc/css/phui/calendar/phui-calendar-month.css' => '4c39f6d9',
126
126
'rsrc/css/phui/calendar/phui-calendar.css' => '8675968e',
127
127
'rsrc/css/phui/phui-action-header-view.css' => '89c497e7',
128
128
'rsrc/css/phui/phui-action-list.css' => '4f4d09f2',
···
779
779
'phui-calendar-css' => '8675968e',
780
780
'phui-calendar-day-css' => '38891735',
781
781
'phui-calendar-list-css' => 'c1d0ca59',
782
-
'phui-calendar-month-css' => '873e00da',
782
+
'phui-calendar-month-css' => '4c39f6d9',
783
783
'phui-crumbs-view-css' => '594d719e',
784
784
'phui-document-view-css' => '94d5dcd8',
785
785
'phui-feed-story-css' => 'c9f3a0b5',
+19
-6
src/view/phui/calendar/PHUICalendarMonthView.php
+19
-6
src/view/phui/calendar/PHUICalendarMonthView.php
···
75
75
$empty_cell = array(
76
76
'list' => null,
77
77
'date' => null,
78
-
'class' => 'phui-calendar-empty',
78
+
'class' => null,
79
79
);
80
80
81
81
for ($ii = 0; $ii < $empty; $ii++) {
···
90
90
$holiday = idx($this->holidays, $day->format('Y-m-d'));
91
91
$class = 'phui-calendar-month-day';
92
92
$weekday = $day->format('w');
93
-
94
-
if ($day_number == $this->day) {
95
-
$class .= ' phui-calendar-today';
96
-
}
97
93
98
94
if ($holiday || $weekday == 0 || $weekday == 6) {
99
95
$class .= ' phui-calendar-not-work-day';
···
188
184
'href' => $uri,
189
185
),
190
186
$cell_day->format('j'));
187
+
191
188
} else {
192
189
$cell_day = null;
193
190
}
194
191
192
+
if ($cell['date'] && $cell['date']->format('j') == $this->day) {
193
+
$today_class = 'phui-calendar-today-slot phui-calendar-today';
194
+
} else {
195
+
$today_class = 'phui-calendar-today-slot';
196
+
}
197
+
198
+
$today_slot = phutil_tag (
199
+
'div',
200
+
array(
201
+
'class' => $today_class,
202
+
),
203
+
null);
204
+
195
205
$cells[] = phutil_tag(
196
206
'td',
197
207
array(
198
208
'class' => 'phui-calendar-date-number-container '.$class,
199
209
),
200
-
$cell_day);
210
+
array(
211
+
$cell_day,
212
+
$today_slot,
213
+
));
201
214
}
202
215
$table[] = phutil_tag('tr', array(), $cells);
203
216
}
+9
-9
webroot/rsrc/css/phui/calendar/phui-calendar-month.css
+9
-9
webroot/rsrc/css/phui/calendar/phui-calendar-month.css
···
32
32
33
33
table.phui-calendar-view a.phui-calendar-date-number {
34
34
color: {$lightgreytext};
35
-
border-color: {$thinblueborder};
36
-
border-style: solid;
37
-
border-width: 1px 0 0 1px;
38
-
padding: 4px;
35
+
padding: 0 4px;
39
36
display: inline-block;
40
37
min-width: 16px;
41
38
text-align: center;
42
-
background-color: #ffffff;
43
39
}
44
40
45
41
table.phui-calendar-view td.phui-calendar-date-number-container {
···
53
49
background-color: {$lightgreybackground};
54
50
}
55
51
56
-
.phui-calendar-today {
57
-
background-color: {$lightgreen};
52
+
.phui-calendar-today-slot {
53
+
display: block;
54
+
width: 100%;
55
+
height: 4px;
56
+
padding: 0;
57
+
margin: 0;
58
58
}
59
59
60
-
.phui-calendar-empty {
61
-
background-color: {$greybackground};
60
+
.phui-calendar-today-slot.phui-calendar-today {
61
+
background-color: {$lightblueborder};
62
62
}
63
63
64
64
.phui-calendar-event-empty {