revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 08:52:39 +01:00
Code Issues Releases Wiki Activity

Highlight today on Calendar/Conpherence

Browse source 
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
This commit is contained in:
Chad Little 2013-05-28 16:52:53 -07:00
parent 5227a06e3c
commit aec0e2f8f9
3 changed files with 29 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/__celerity_resource_map__.php
View file

@ -945,7 +945,7 @@ celerity_register_resource_map(array(
),
'conpherence-widget-pane-css' =>
array(
'uri' => '/res/d3829b07/rsrc/css/application/conpherence/widget-pane.css',
'uri' => '/res/6f836b19/rsrc/css/application/conpherence/widget-pane.css',
'type' => 'css',
'requires' =>
array(

8
src/applications/conpherence/controller/ConpherenceWidgetController.php
View file

@ -200,10 +200,16 @@ final class ConpherenceWidgetController extends
$one_day = 24 * 60 * 60;
foreach ($weekstamps as $time => $day) {
// build a header for the new day
if ($day->format('w') == $today->format('w')) {
$active_class = 'today';
} else {
$active_class = '';
}
$content[] = phutil_tag(
'div',
array(
'class' => 'day-header'
'class' => 'day-header '.$active_class
),
array(
phutil_tag(

31
webroot/rsrc/css/application/conpherence/widget-pane.css
View file

@ -186,27 +186,37 @@
background-color: rgb(102, 204, 255);
}
.conpherence-widget-pane #widgets-calendar .aphront-multi-column-view
.aphront-multi-column-column .day-name {
.day-name {
padding: 5px 0px 0px 0px;
font-size: 12px;
}
.conpherence-widget-pane #widgets-calendar .aphront-multi-column-view
.aphront-multi-column-column .day-number {
.day-number {
font-size: 16px;
padding: 5px 0px 5px 0px;
padding: 0 0 5px 0;
}
.conpherence-widget-pane #widgets-calendar .day-header {
overflow: hidden;
background-color: #d8dce2;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #d7d7d7;
padding: 5px 10px 5px 10px;
width: 220px;
}
.device .conpherence-widget-pane #widgets-calendar .day-header {
width: 98%;
padding: 5px 1% 5px 1%;
.conpherence-widget-pane #widgets-calendar .day-header.today {
background-image: linear-gradient(to bottom, #3b86c4, #2b628f);
background-image: -webkit-linear-gradient(top, #3b86c4, #2b628f);
border-top: none;
border-bottom: none;
}
.conpherence-widget-pane #widgets-calendar .day-header.today .day-name,
.conpherence-widget-pane #widgets-calendar .day-header.today .day-date {
color: #fff;
}
.conpherence-widget-pane #widgets-calendar .day-header .day-name {
float: left;
color: #555759;
@ -214,6 +224,7 @@
text-transform: uppercase;
font-size: 11px;
}
.conpherence-widget-pane #widgets-calendar .day-header .day-date {
float: right;
color: #555759;