recaptime.dev / phorge
@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
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

Highlight today on Calendar/Conpherence

Summary: Highlights which day is today on the calendar list in conpherence. Fixes T3254

Test Plan: Made sure today was Tuesday.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Maniphest Tasks: T3254

Differential Revision: https://secure.phabricator.com/D6065

Chad Little aec0e2f8 5227a06e

+29 -12
+1 -1
src/__celerity_resource_map__.php
··· 945 945 ), 946 946 'conpherence-widget-pane-css' => 947 947 array( 948 - 'uri' => '/res/d3829b07/rsrc/css/application/conpherence/widget-pane.css', 948 + 'uri' => '/res/6f836b19/rsrc/css/application/conpherence/widget-pane.css', 949 949 'type' => 'css', 950 950 'requires' => 951 951 array(
+7 -1
src/applications/conpherence/controller/ConpherenceWidgetController.php
··· 200 200 $one_day = 24 * 60 * 60; 201 201 foreach ($weekstamps as $time => $day) { 202 202 // build a header for the new day 203 + if ($day->format('w') == $today->format('w')) { 204 + $active_class = 'today'; 205 + } else { 206 + $active_class = ''; 207 + } 208 + 203 209 $content[] = phutil_tag( 204 210 'div', 205 211 array( 206 - 'class' => 'day-header' 212 + 'class' => 'day-header '.$active_class 207 213 ), 208 214 array( 209 215 phutil_tag(
+21 -10
webroot/rsrc/css/application/conpherence/widget-pane.css
··· 186 186 background-color: rgb(102, 204, 255); 187 187 } 188 188 .conpherence-widget-pane #widgets-calendar .aphront-multi-column-view 189 - .aphront-multi-column-column .day-name { 189 + .day-name { 190 190 padding: 5px 0px 0px 0px; 191 191 font-size: 12px; 192 192 } 193 193 .conpherence-widget-pane #widgets-calendar .aphront-multi-column-view 194 - .aphront-multi-column-column .day-number { 194 + .day-number { 195 195 font-size: 16px; 196 - padding: 5px 0px 5px 0px; 196 + padding: 0 0 5px 0; 197 197 } 198 + 198 199 .conpherence-widget-pane #widgets-calendar .day-header { 199 200 overflow: hidden; 200 - background-color: #d8dce2; 201 - border-top: 1px solid #bfbfbf; 202 - border-bottom: 1px solid #bfbfbf; 201 + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 202 + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 203 + border-top: 1px solid #e7e7e7; 204 + border-bottom: 1px solid #d7d7d7; 203 205 padding: 5px 10px 5px 10px; 204 - width: 220px; 206 + } 207 + 208 + .conpherence-widget-pane #widgets-calendar .day-header.today { 209 + background-image: linear-gradient(to bottom, #3b86c4, #2b628f); 210 + background-image: -webkit-linear-gradient(top, #3b86c4, #2b628f); 211 + border-top: none; 212 + border-bottom: none; 205 213 } 206 - .device .conpherence-widget-pane #widgets-calendar .day-header { 207 - width: 98%; 208 - padding: 5px 1% 5px 1%; 214 + 215 + .conpherence-widget-pane #widgets-calendar .day-header.today .day-name, 216 + .conpherence-widget-pane #widgets-calendar .day-header.today .day-date { 217 + color: #fff; 209 218 } 219 + 210 220 .conpherence-widget-pane #widgets-calendar .day-header .day-name { 211 221 float: left; 212 222 color: #555759; ··· 214 224 text-transform: uppercase; 215 225 font-size: 11px; 216 226 } 227 + 217 228 .conpherence-widget-pane #widgets-calendar .day-header .day-date { 218 229 float: right; 219 230 color: #555759;