mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-18 12:52:42 +01:00
Cleaner Countdown widget UI
Summary: Adds the launch date, normalize spacing a bit. Test Plan: Test a normal and embeded countdowns. {F670199} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13740
This commit is contained in:
parent
84049e6d07
commit
ebc3811bed
3 changed files with 35 additions and 8 deletions
|
@ -54,7 +54,7 @@ return array(
|
|||
'rsrc/css/application/conpherence/update.css' => 'faf6be09',
|
||||
'rsrc/css/application/conpherence/widget-pane.css' => '419fd50c',
|
||||
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
|
||||
'rsrc/css/application/countdown/timer.css' => '3791bb38',
|
||||
'rsrc/css/application/countdown/timer.css' => '3d1355ec',
|
||||
'rsrc/css/application/daemon/bulk-job.css' => 'df9c1d4a',
|
||||
'rsrc/css/application/dashboard/dashboard.css' => 'eb458607',
|
||||
'rsrc/css/application/diff/inline-comment-summary.css' => '51efda3a',
|
||||
|
@ -722,7 +722,7 @@ return array(
|
|||
'phabricator-chatlog-css' => 'd295b020',
|
||||
'phabricator-content-source-view-css' => '4b8b05d4',
|
||||
'phabricator-core-css' => 'a76cefc9',
|
||||
'phabricator-countdown-css' => '3791bb38',
|
||||
'phabricator-countdown-css' => '3d1355ec',
|
||||
'phabricator-dashboard-css' => 'eb458607',
|
||||
'phabricator-drag-and-drop-file-upload' => '07de8873',
|
||||
'phabricator-draggable-list' => 'a16ec1c6',
|
||||
|
|
|
@ -56,6 +56,16 @@ final class PhabricatorCountdownView extends AphrontTagView {
|
|||
javelin_tag('td', array('sigil' => 'phabricator-timer-seconds'), '-'),
|
||||
);
|
||||
|
||||
$epoch = $countdown->getEpoch();
|
||||
$launch_date = phabricator_datetime($epoch, $this->getUser());
|
||||
$foot = phutil_tag(
|
||||
'td',
|
||||
array(
|
||||
'colspan' => '4',
|
||||
'class' => 'phabricator-timer-foot',
|
||||
),
|
||||
$launch_date);
|
||||
|
||||
$container = celerity_generate_unique_node_id();
|
||||
$content = phutil_tag(
|
||||
'div',
|
||||
|
@ -65,6 +75,7 @@ final class PhabricatorCountdownView extends AphrontTagView {
|
|||
phutil_tag('table', array('class' => 'phabricator-timer-table'), array(
|
||||
phutil_tag('tr', array(), $ths),
|
||||
phutil_tag('tr', array(), $dashes),
|
||||
phutil_tag('tr', array(), $foot),
|
||||
)),
|
||||
));
|
||||
|
||||
|
|
|
@ -24,23 +24,26 @@
|
|||
}
|
||||
|
||||
.phabricator-timer-header {
|
||||
font-size: {$biggerfontsize};
|
||||
font-weight: bold;
|
||||
padding: 4px 8px;
|
||||
padding: 8px;
|
||||
background: {$bluebackground};
|
||||
border-radius: 3px 3px 0 0;
|
||||
border-bottom: 1px solid {$lightblueborder};
|
||||
}
|
||||
|
||||
.phabricator-timer-header a {
|
||||
color: {$darkbluetext};
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.phabricator-timer-table {
|
||||
width: 100%;
|
||||
margin: 8px 0;
|
||||
margin: 8px 0 0 0;
|
||||
}
|
||||
|
||||
.phabricator-timer-table th {
|
||||
text-align: center;
|
||||
font-size: {$biggerfontsize};
|
||||
color: {$greytext};
|
||||
color: {$bluetext};
|
||||
width: 10%;
|
||||
padding: 4px;
|
||||
}
|
||||
|
@ -49,10 +52,23 @@
|
|||
padding: 4px;
|
||||
text-align: center;
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
line-height: auto;
|
||||
height: auto;
|
||||
line-height: 36px;
|
||||
line-height: 44px;
|
||||
}
|
||||
|
||||
.phabricator-timer-table td.phabricator-timer-foot {
|
||||
font-size: {$normalfontsize};
|
||||
line-height: 16px;
|
||||
border-top: 1px solid {$thinblueborder};
|
||||
color: {$bluetext};
|
||||
font-weight: normal;
|
||||
padding: 8px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.phabricator-timer-table small {
|
||||
|
|
Loading…
Reference in a new issue