Page MenuHomePhabricator
Files F18696308

D8205.id18564.diff
No OneTemporary
Actions

D8205.id18564.diff
View Options

Index: resources/celerity/map.php
===================================================================
--- resources/celerity/map.php
+++ resources/celerity/map.php
@@ -7,7 +7,7 @@
return array(
'names' =>
array(
- 'core.pkg.css' => '71e0a12a',
+ 'core.pkg.css' => '00031c1d',
'core.pkg.js' => 'c7854cc5',
'darkconsole.pkg.js' => 'ca8671ce',
'differential.pkg.css' => '5a65a762',
@@ -116,7 +116,7 @@
'rsrc/css/core/core.css' => 'da26ddb2',
'rsrc/css/core/remarkup.css' => 'ca7f2265',
'rsrc/css/core/syntax.css' => '3c18c1cb',
- 'rsrc/css/core/z-index.css' => '1bbbd4f1',
+ 'rsrc/css/core/z-index.css' => '0fd29d49',
'rsrc/css/diviner/diviner-shared.css' => 'be90f718',
'rsrc/css/layout/phabricator-action-header-view.css' => 'cc654b91',
'rsrc/css/layout/phabricator-action-list-view.css' => '81383e25',
@@ -125,7 +125,6 @@
'rsrc/css/layout/phabricator-hovercard-view.css' => '67c12b16',
'rsrc/css/layout/phabricator-side-menu-view.css' => '503699d0',
'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814',
- 'rsrc/css/layout/phabricator-timeline-view.css' => 'f4f846c4',
'rsrc/css/phui/phui-box.css' => '6c21bd6a',
'rsrc/css/phui/phui-button.css' => '8784a966',
'rsrc/css/phui/phui-document.css' => '143b2ac8',
@@ -145,6 +144,7 @@
'rsrc/css/phui/phui-status.css' => '2f562399',
'rsrc/css/phui/phui-tag-view.css' => '295d81c4',
'rsrc/css/phui/phui-text.css' => '23e9b4b7',
+ 'rsrc/css/phui/phui-timeline-view.css' => '84766e6b',
'rsrc/css/phui/phui-workboard-view.css' => 'bf70dd2e',
'rsrc/css/phui/phui-workpanel-view.css' => '6f8527f6',
'rsrc/css/sprite-actions.css' => '4557baf8',
@@ -155,7 +155,7 @@
'rsrc/css/sprite-conpherence.css' => '084b1f13',
'rsrc/css/sprite-docs.css' => '7ea4927e',
'rsrc/css/sprite-gradient.css' => 'a10def53',
- 'rsrc/css/sprite-icons.css' => 'ce73ef3e',
+ 'rsrc/css/sprite-icons.css' => 'a92a018c',
'rsrc/css/sprite-login.css' => 'fa00ebdc',
'rsrc/css/sprite-main-header.css' => 'ba949d0d',
'rsrc/css/sprite-menu.css' => '9db4da0b',
@@ -313,8 +313,8 @@
'rsrc/image/sprite-docs-X2.png' => '520858fa',
'rsrc/image/sprite-docs.png' => '4636297f',
'rsrc/image/sprite-gradient.png' => '4ece0b62',
- 'rsrc/image/sprite-icons-X2.png' => '2e9bb665',
- 'rsrc/image/sprite-icons.png' => 'edbe6b0d',
+ 'rsrc/image/sprite-icons-X2.png' => '4072ceaf',
+ 'rsrc/image/sprite-icons.png' => '19d9974a',
'rsrc/image/sprite-login-X2.png' => 'd2132242',
'rsrc/image/sprite-login.png' => '7f878f1d',
'rsrc/image/sprite-main-header.png' => 'bca643fc',
@@ -714,7 +714,6 @@
'phabricator-source-code-view-css' => '62a99814',
'phabricator-standard-page-view' => '517cdfb1',
'phabricator-textareautils' => 'b3ec3cfc',
- 'phabricator-timeline-view-css' => 'f4f846c4',
'phabricator-tooltip' => '0a81ea29',
'phabricator-transaction-view-css' => 'ce491938',
'phabricator-ui-example-css' => '4741b891',
@@ -728,7 +727,7 @@
'phabricator-uiexample-reactor-select' => '189e4fe3',
'phabricator-uiexample-reactor-sendclass' => 'bf97561d',
'phabricator-uiexample-reactor-sendproperties' => '551add57',
- 'phabricator-zindex-css' => '1bbbd4f1',
+ 'phabricator-zindex-css' => '0fd29d49',
'phame-css' => '450826e1',
'pholio-css' => 'd23ace50',
'pholio-edit-css' => 'b9e59b6d',
@@ -756,6 +755,7 @@
'phui-status-list-view-css' => '2f562399',
'phui-tag-view-css' => '295d81c4',
'phui-text-css' => '23e9b4b7',
+ 'phui-timeline-view-css' => '84766e6b',
'phui-workboard-view-css' => 'bf70dd2e',
'phui-workpanel-view-css' => '6f8527f6',
'policy-css' => '957ea14c',
@@ -785,7 +785,7 @@
'sprite-conpherence-css' => '084b1f13',
'sprite-docs-css' => '7ea4927e',
'sprite-gradient-css' => 'a10def53',
- 'sprite-icons-css' => 'ce73ef3e',
+ 'sprite-icons-css' => 'a92a018c',
'sprite-login-css' => 'fa00ebdc',
'sprite-main-header-css' => 'ba949d0d',
'sprite-menu-css' => '9db4da0b',
Index: resources/sprite/manifest/icons.json
===================================================================
--- resources/sprite/manifest/icons.json
+++ resources/sprite/manifest/icons.json
@@ -109,17 +109,17 @@
"icons-check" : {
"name" : "icons-check",
"rule" : ".icons-check",
- "hash" : "b03d6fa96c04b167c63caee7044458c1"
+ "hash" : "7701c38eecdd9773b84323a617d33575"
},
"icons-check-grey" : {
"name" : "icons-check-grey",
"rule" : ".icons-check-grey",
- "hash" : "78c47d2a98af61cd3cf7cad4135a7a65"
+ "hash" : "f2c970a7f729f56277eadb1ab3f140da"
},
"icons-check-white" : {
"name" : "icons-check-white",
"rule" : ".icons-check-white, .device-desktop .phabricator-action-view:hover .icons-check, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-check",
- "hash" : "1f8c0e0638b6366a5b35244768098749"
+ "hash" : "ed946142aa107d1a21d72519172f6cad"
},
"icons-comment" : {
"name" : "icons-comment",
@@ -154,17 +154,17 @@
"icons-create" : {
"name" : "icons-create",
"rule" : ".icons-create",
- "hash" : "d5263d054d6a0b4e1507dcb4722744ad"
+ "hash" : "6ba3bec5c18c5de1f1795ff63ac880f6"
},
"icons-create-grey" : {
"name" : "icons-create-grey",
"rule" : ".icons-create-grey",
- "hash" : "701c5f704f426728a6e9a21d93ec480c"
+ "hash" : "f81118913df8d426c8a2889d909d0168"
},
"icons-create-white" : {
"name" : "icons-create-white",
"rule" : ".icons-create-white, .device-desktop .phabricator-action-view:hover .icons-create, .device-desktop .phui-list-sidenav .phui-list-item-href:hover .icons-create",
- "hash" : "3b2d0928b2c867a65b95d12177ad8705"
+ "hash" : "fbb29390e3f8bd5a6e0d809463aeeb40"
},
"icons-data" : {
"name" : "icons-data",
Index: src/__phutil_library_map__.php
===================================================================
--- src/__phutil_library_map__.php
+++ src/__phutil_library_map__.php
@@ -1020,6 +1020,9 @@
'PHUITagView' => 'view/phui/PHUITagView.php',
'PHUITextExample' => 'applications/uiexample/examples/PHUITextExample.php',
'PHUITextView' => 'view/phui/PHUITextView.php',
+ 'PHUITimelineEventView' => 'view/phui/PHUITimelineEventView.php',
+ 'PHUITimelineExample' => 'applications/uiexample/examples/PHUITimelineExample.php',
+ 'PHUITimelineView' => 'view/phui/PHUITimelineView.php',
'PHUIWorkboardExample' => 'applications/uiexample/examples/PHUIWorkboardExample.php',
'PHUIWorkboardView' => 'view/phui/PHUIWorkboardView.php',
'PHUIWorkpanelView' => 'view/phui/PHUIWorkpanelView.php',
@@ -2092,9 +2095,6 @@
'PhabricatorTime' => 'infrastructure/time/PhabricatorTime.php',
'PhabricatorTimeGuard' => 'infrastructure/time/PhabricatorTimeGuard.php',
'PhabricatorTimeTestCase' => 'infrastructure/time/__tests__/PhabricatorTimeTestCase.php',
- 'PhabricatorTimelineEventView' => 'view/layout/PhabricatorTimelineEventView.php',
- 'PhabricatorTimelineExample' => 'applications/uiexample/examples/PhabricatorTimelineExample.php',
- 'PhabricatorTimelineView' => 'view/layout/PhabricatorTimelineView.php',
'PhabricatorToken' => 'applications/tokens/storage/PhabricatorToken.php',
'PhabricatorTokenController' => 'applications/tokens/controller/PhabricatorTokenController.php',
'PhabricatorTokenCount' => 'applications/tokens/storage/PhabricatorTokenCount.php',
@@ -3649,6 +3649,9 @@
'PHUITagView' => 'AphrontView',
'PHUITextExample' => 'PhabricatorUIExample',
'PHUITextView' => 'AphrontTagView',
+ 'PHUITimelineEventView' => 'AphrontView',
+ 'PHUITimelineExample' => 'PhabricatorUIExample',
+ 'PHUITimelineView' => 'AphrontView',
'PHUIWorkboardExample' => 'PhabricatorUIExample',
'PHUIWorkboardView' => 'AphrontTagView',
'PHUIWorkpanelView' => 'AphrontTagView',
@@ -4867,9 +4870,6 @@
'PhabricatorTestStorageEngine' => 'PhabricatorFileStorageEngine',
'PhabricatorTestWorker' => 'PhabricatorWorker',
'PhabricatorTimeTestCase' => 'PhabricatorTestCase',
- 'PhabricatorTimelineEventView' => 'AphrontView',
- 'PhabricatorTimelineExample' => 'PhabricatorUIExample',
- 'PhabricatorTimelineView' => 'AphrontView',
'PhabricatorToken' =>
array(
0 => 'PhabricatorTokenDAO',
Index: src/applications/transactions/response/PhabricatorApplicationTransactionResponse.php
===================================================================
--- src/applications/transactions/response/PhabricatorApplicationTransactionResponse.php
+++ src/applications/transactions/response/PhabricatorApplicationTransactionResponse.php
@@ -78,7 +78,7 @@
$content = array(
'xactions' => $xactions,
- 'spacer' => PhabricatorTimelineView::renderSpacer(),
+ 'spacer' => PHUITimelineView::renderSpacer(),
);
return $this->getProxy()->setContent($content);
Index: src/applications/transactions/view/PhabricatorApplicationTransactionCommentView.php
===================================================================
--- src/applications/transactions/view/PhabricatorApplicationTransactionCommentView.php
+++ src/applications/transactions/view/PhabricatorApplicationTransactionCommentView.php
@@ -181,7 +181,7 @@
private function renderPreviewPanel() {
- $preview = id(new PhabricatorTimelineView())
+ $preview = id(new PHUITimelineView())
->setID($this->getPreviewTimelineID());
return phutil_tag(
Index: src/applications/transactions/view/PhabricatorApplicationTransactionView.php
===================================================================
--- src/applications/transactions/view/PhabricatorApplicationTransactionView.php
+++ src/applications/transactions/view/PhabricatorApplicationTransactionView.php
@@ -91,7 +91,7 @@
throw new Exception("Call setObjectPHID() before render()!");
}
- $view = new PhabricatorTimelineView();
+ $view = new PHUITimelineView();
$events = $this->buildEvents();
foreach ($events as $event) {
$view->addEvent($event);
@@ -176,7 +176,7 @@
'div',
array(
'id' => $content_id,
- 'class' => 'phabricator-timeline-change-details',
+ 'class' => 'phui-timeline-change-details',
),
$xaction->renderChangeDetails($this->getUser()));
@@ -293,7 +293,7 @@
$anchor) {
$viewer = $this->getUser();
- $event = id(new PhabricatorTimelineEventView())
+ $event = id(new PHUITimelineEventView())
->setUser($viewer)
->setTransactionPHID($xaction->getPHID())
->setUserHandle($xaction->getHandle($xaction->getAuthorPHID()))
Index: src/applications/uiexample/examples/PHUITimelineExample.php
===================================================================
--- src/applications/uiexample/examples/PHUITimelineExample.php
+++ src/applications/uiexample/examples/PHUITimelineExample.php
@@ -1,6 +1,6 @@
<?php
-final class PhabricatorTimelineExample extends PhabricatorUIExample {
+final class PHUITimelineExample extends PhabricatorUIExample {
public function getName() {
return 'Timeline View';
@@ -8,7 +8,7 @@
public function getDescription() {
return hsprintf(
- 'Use <tt>PhabricatorTimelineView</tt> to comments and transactions.');
+ 'Use <tt>PHUITimelineView</tt> to comments and transactions.');
}
public function renderExample() {
@@ -22,64 +22,64 @@
$events = array();
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('A major event.')
->appendChild('This is a major timeline event.');
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('A minor event.');
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->appendChild('A major event with no title.');
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('Another minor event.');
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle);
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('Major Red Event')
->setIcon('love')
->appendChild('This event is red!')
->setColor(PhabricatorTransactions::COLOR_RED);
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('Minor Red Event')
->setColor(PhabricatorTransactions::COLOR_RED);
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('Minor Not-Red Event');
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('Minor Red Event')
->setColor(PhabricatorTransactions::COLOR_RED);
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('Minor Not-Red Event');
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle('Major Green Event')
->appendChild('This event is green!')
->setColor(PhabricatorTransactions::COLOR_GREEN);
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(str_repeat('Long Text Title ', 64))
->appendChild(str_repeat('Long Text Body ', 64))
->setColor(PhabricatorTransactions::COLOR_ORANGE);
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(str_repeat('LongTextEventNoSpaces', 1024))
->appendChild(str_repeat('LongTextNoSpaces', 1024))
@@ -98,13 +98,13 @@
PhabricatorTransactions::COLOR_BLACK,
);
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle("Colorless")
->setIcon('lock');
foreach ($colors as $color) {
- $events[] = id(new PhabricatorTimelineEventView())
+ $events[] = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle("Color '{$color}'")
->setIcon('lock')
@@ -113,45 +113,45 @@
$vhandle = $handle->renderLink();
- $group_event = id(new PhabricatorTimelineEventView())
+ $group_event = id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(pht('%s went to the store.', $vhandle));
$group_event->addEventToGroup(
- id(new PhabricatorTimelineEventView())
+ id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(pht('%s bought an apple.', $vhandle))
->setColor('green')
->setIcon('check'));
$group_event->addEventToGroup(
- id(new PhabricatorTimelineEventView())
+ id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(pht('%s bought a banana.', $vhandle))
->setColor('yellow')
->setIcon('check'));
$group_event->addEventToGroup(
- id(new PhabricatorTimelineEventView())
+ id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(pht('%s bought a cherry.', $vhandle))
->setColor('red')
->setIcon('check'));
$group_event->addEventToGroup(
- id(new PhabricatorTimelineEventView())
+ id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(pht('%s paid for his goods.', $vhandle)));
$group_event->addEventToGroup(
- id(new PhabricatorTimelineEventView())
+ id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(pht('%s returned home.', $vhandle))
->setIcon('home')
->setColor('blue'));
$group_event->addEventToGroup(
- id(new PhabricatorTimelineEventView())
+ id(new PHUITimelineEventView())
->setUserHandle($handle)
->setTitle(pht('%s related on his adventures.', $vhandle))
->appendChild(
@@ -171,7 +171,7 @@
}
}
- $timeline = id(new PhabricatorTimelineView());
+ $timeline = id(new PHUITimelineView());
foreach ($events as $event) {
$timeline->addEvent($event);
}
Index: src/view/phui/PHUITimelineEventView.php
===================================================================
--- src/view/phui/PHUITimelineEventView.php
+++ src/view/phui/PHUITimelineEventView.php
@@ -1,6 +1,6 @@
<?php
-final class PhabricatorTimelineEventView extends AphrontView {
+final class PHUITimelineEventView extends AphrontView {
private $userHandle;
private $title;
@@ -104,7 +104,7 @@
return array_merge(array($this), $this->eventGroup);
}
- public function addEventToGroup(PhabricatorTimelineEventView $event) {
+ public function addEventToGroup(PHUITimelineEventView $event) {
$this->eventGroup[] = $event;
return $this;
}
@@ -127,7 +127,7 @@
$extra = phutil_tag(
'span',
array(
- 'class' => 'phabricator-timeline-extra',
+ 'class' => 'phui-timeline-extra',
),
phutil_implode_html(" \xC2\xB7 ", $extra));
} else {
@@ -136,18 +136,18 @@
if ($title !== null || $extra) {
$title_classes = array();
- $title_classes[] = 'phabricator-timeline-title';
+ $title_classes[] = 'phui-timeline-title';
$icon = null;
if ($this->icon || $force_icon) {
- $title_classes[] = 'phabricator-timeline-title-with-icon';
+ $title_classes[] = 'phui-timeline-title-with-icon';
}
if ($this->icon) {
$fill_classes = array();
- $fill_classes[] = 'phabricator-timeline-icon-fill';
+ $fill_classes[] = 'phui-timeline-icon-fill';
if ($this->color) {
- $fill_classes[] = 'phabricator-timeline-icon-fill-'.$this->color;
+ $fill_classes[] = 'phui-timeline-icon-fill-'.$this->color;
}
$icon = phutil_tag(
@@ -158,7 +158,7 @@
phutil_tag(
'span',
array(
- 'class' => 'phabricator-timeline-icon sprite-icons '.
+ 'class' => 'phui-timeline-icon sprite-icons '.
'icons-'.$this->icon.'-white',
),
''));
@@ -203,7 +203,7 @@
$wedge = phutil_tag(
'div',
array(
- 'class' => 'phabricator-timeline-wedge phabricator-timeline-border',
+ 'class' => 'phui-timeline-wedge phui-timeline-border',
),
'');
@@ -212,40 +212,40 @@
'div',
array(
'style' => 'background-image: url('.$image_uri.')',
- 'class' => 'phabricator-timeline-image',
+ 'class' => 'phui-timeline-image',
),
'');
$content_classes = array();
- $content_classes[] = 'phabricator-timeline-content';
+ $content_classes[] = 'phui-timeline-content';
$classes = array();
- $classes[] = 'phabricator-timeline-event-view';
+ $classes[] = 'phui-timeline-event-view';
if ($group_children) {
- $classes[] = 'phabricator-timeline-major-event';
+ $classes[] = 'phui-timeline-major-event';
$content = phutil_tag(
'div',
array(
- 'class' => 'phabricator-timeline-inner-content',
+ 'class' => 'phui-timeline-inner-content',
),
array(
$group_titles,
phutil_tag(
'div',
array(
- 'class' => 'phabricator-timeline-core-content',
+ 'class' => 'phui-timeline-core-content',
),
$group_children),
));
} else {
- $classes[] = 'phabricator-timeline-minor-event';
+ $classes[] = 'phui-timeline-minor-event';
$content = $group_titles;
}
$content = phutil_tag(
'div',
array(
- 'class' => 'phabricator-timeline-group phabricator-timeline-border',
+ 'class' => 'phui-timeline-group phui-timeline-border',
),
$content);
@@ -257,7 +257,7 @@
array($image, $wedge, $content));
$outer_classes = $this->classes;
- $outer_classes[] = 'phabricator-timeline-shell';
+ $outer_classes[] = 'phui-timeline-shell';
$color = null;
foreach ($this->getEventGroup() as $event) {
if ($event->color) {
@@ -267,7 +267,7 @@
}
if ($color) {
- $outer_classes[] = 'phabricator-timeline-'.$color;
+ $outer_classes[] = 'phui-timeline-'.$color;
}
$sigil = null;
Index: src/view/phui/PHUITimelineView.php
===================================================================
--- src/view/phui/PHUITimelineView.php
+++ src/view/phui/PHUITimelineView.php
@@ -1,6 +1,6 @@
<?php
-final class PhabricatorTimelineView extends AphrontView {
+final class PHUITimelineView extends AphrontView {
private $events = array();
private $id;
@@ -10,13 +10,13 @@
return $this;
}
- public function addEvent(PhabricatorTimelineEventView $event) {
+ public function addEvent(PHUITimelineEventView $event) {
$this->events[] = $event;
return $this;
}
public function render() {
- require_celerity_resource('phabricator-timeline-view-css');
+ require_celerity_resource('phui-timeline-view-css');
$spacer = self::renderSpacer();
@@ -30,7 +30,7 @@
return phutil_tag(
'div',
array(
- 'class' => 'phabricator-timeline-view',
+ 'class' => 'phui-timeline-view',
'id' => $this->id,
),
$events);
@@ -40,8 +40,8 @@
return phutil_tag(
'div',
array(
- 'class' => 'phabricator-timeline-event-view '.
- 'phabricator-timeline-spacer',
+ 'class' => 'phui-timeline-event-view '.
+ 'phui-timeline-spacer',
),
'');
}
Index: webroot/rsrc/css/core/z-index.css
===================================================================
--- webroot/rsrc/css/core/z-index.css
+++ webroot/rsrc/css/core/z-index.css
@@ -6,7 +6,7 @@
z-index: 1;
}
-.device-desktop .phabricator-timeline-minor-event .phabricator-timeline-image {
+.device-desktop .phui-timeline-minor-event .phui-timeline-image {
z-index: 2;
}
@@ -30,7 +30,7 @@
z-index: 3;
}
-.phabricator-timeline-icon-fill {
+.phui-timeline-icon-fill {
z-index: 3;
}
Index: webroot/rsrc/css/layout/phabricator-timeline-view.css
===================================================================
--- webroot/rsrc/css/layout/phabricator-timeline-view.css
+++ /dev/null
@@ -1,259 +0,0 @@
-/**
- * @provides phabricator-timeline-view-css
- */
-
-.phabricator-timeline-view {
- padding: 0 16px;
-}
-
-.device-phone .phabricator-timeline-view {
- padding: 0;
-}
-
-.phabricator-timeline-group {
- border-width: 0 3px;
- border-style: solid;
- border-color: #c0c5d1;
-}
-
-.device-desktop .phabricator-timeline-event-view {
- margin-left: 70px;
- position: relative;
-}
-
-.device-desktop .phabricator-timeline-spacer {
- min-height: 20px;
- border-width: 0 0 0 3px;
- border-style: solid;
- border-color: #c0c5d1;
-}
-
-.device-desktop .phabricator-timeline-major-event,
-.device-desktop .phabricator-timeline-minor-event {
- border-right-width: 3px;
-}
-
-.device-desktop .phabricator-timeline-wedge {
- border-bottom: 3px solid #c0c5d1;
- position: absolute;
- width: 20px;
-}
-
-.phabricator-timeline-content {
- background: #ffffff;
- border-style: solid;
- border-color: #c0c5d1;
- border-width: 1px 0;
-}
-
-.phabricator-timeline-title {
- line-height: 18px;
- min-height: 18px;
- position: relative;
-}
-
-.phabricator-timeline-title a {
- font-weight: bold;
-}
-
-.device-desktop .phabricator-timeline-wedge {
- left: -20px;
-}
-.device-desktop .phabricator-timeline-major-event .phabricator-timeline-wedge {
- top: 24px;
-}
-
-.device-desktop .phabricator-timeline-minor-event .phabricator-timeline-wedge {
- top: 12px;
-}
-
-.phabricator-timeline-image {
- background-repeat: no-repeat;
- position: absolute;
-}
-
-.device-desktop .phabricator-timeline-major-event .phabricator-timeline-image {
- width: 50px;
- height: 50px;
- top: 0px;
- left: -70px;
-}
-
-.device-desktop .phabricator-timeline-minor-event .phabricator-timeline-image {
- width: 30px;
- height: 30px;
- background-size: 30px auto;
- left: -45px;
-}
-
-.phabricator-timeline-major-event .phabricator-timeline-title {
- background: {$lightgreybackground};
- min-height: 18px;
-}
-
-.phabricator-timeline-title {
- padding: 5px;
- overflow-x: auto;
- overflow-y: hidden;
-}
-
-.phabricator-timeline-title-with-icon {
- padding-left: 33px;
-}
-
-.phabricator-timeline-major-event .phabricator-timeline-content
- .phabricator-timeline-core-content {
- padding: 12px;
-}
-
-.phabricator-timeline-core-content {
- overflow-x: auto;
-}
-
-.device .phabricator-timeline-event-view {
- min-height: 23px;
- position: relative;
- margin-left: 3px;
- margin-right: 3px;
-}
-
-.device .phabricator-timeline-image {
- display: none;
-}
-
-.device .phabricator-timeline-spacer {
- min-height: 8px;
- border-width: 0;
-}
-
-.phabricator-timeline-icon-fill {
- position: absolute;
- width: 30px;
- height: 30px;
- background-color: #c0c5d1;
- top: -1px;
- left: -3px;
-}
-
-.phabricator-timeline-icon {
- position: absolute;
- left: 9px;
- top: 8px;
- height: 14px;
- width: 14px;
-}
-
-.phabricator-timeline-extra, .phabricator-timeline-extra a {
- font-size: 11px;
- font-weight: normal;
- color: {$lightgreytext};
-}
-
-.device-desktop .phabricator-timeline-extra {
- float: right;
-}
-
-.device .phabricator-timeline-extra {
- display: inline-block;
- line-height: 16px;
- margin-left: 8px;
-}
-
-.phabricator-timeline-red .phabricator-timeline-border {
- border-color: {$red};
-}
-
-.phabricator-timeline-orange .phabricator-timeline-border {
- border-color: {$orange};
-}
-
-.phabricator-timeline-yellow .phabricator-timeline-border {
- border-color: {$yellow};
-}
-
-.phabricator-timeline-green .phabricator-timeline-border {
- border-color: {$green};
-}
-
-.phabricator-timeline-sky .phabricator-timeline-border {
- border-color: {$sky};
-}
-
-.phabricator-timeline-blue .phabricator-timeline-border {
- border-color: {$blue};
-}
-
-.phabricator-timeline-indigo .phabricator-timeline-border {
- border-color: {$indigo};
-}
-
-.phabricator-timeline-violet .phabricator-timeline-border {
- border-color: {$violet};
-}
-
-.phabricator-timeline-grey .phabricator-timeline-border {
- border-color: #888;
-}
-
-.phabricator-timeline-black .phabricator-timeline-border {
- border-color: #333;
-}
-
-.phabricator-timeline-icon-fill-red {
- background-color: {$red};
-}
-
-.phabricator-timeline-icon-fill-orange {
- background-color: {$orange};
-}
-
-.phabricator-timeline-icon-fill-yellow {
- background-color: {$yellow};
-}
-
-.phabricator-timeline-icon-fill-green {
- background-color: {$green};
-}
-
-.phabricator-timeline-icon-fill-sky {
- background-color: {$sky};
-}
-
-.phabricator-timeline-icon-fill-blue {
- background-color: {$blue};
-}
-
-.phabricator-timeline-icon-fill-indigo {
- background-color: {$indigo};
-}
-
-.phabricator-timeline-icon-fill-violet {
- background-color: {$violet};
-}
-
-.phabricator-timeline-icon-fill-grey {
- background-color: #888;
-}
-
-.phabricator-timeline-icon-fill-black {
- background-color: #333;
-}
-
-.phabricator-timeline-shell.anchor-target {
- background: rgba(255, 255, 0, 0.50);
- box-shadow: 0 0 3px 6px rgba(255, 255, 0, 0.50);
-}
-
-.phabricator-timeline-preview-header {
- background: #e0e3ec;
- color: {$darkgreytext};
- padding: 4px 1.25%;
- border: solid #c0c5d1 1px 0;
-}
-
-.phabricator-timeline-change-details {
- padding: 10px 0;
- border-style: solid;
- border-color: #efefef;
- border-width: 1px 0;
-}
Index: webroot/rsrc/css/phui/phui-timeline-view.css
===================================================================
--- /dev/null
+++ webroot/rsrc/css/phui/phui-timeline-view.css
@@ -0,0 +1,243 @@
+/**
+ * @provides phui-timeline-view-css
+ */
+
+.phui-timeline-view {
+ padding: 0 16px;
+}
+
+.phui-timeline-major-event .phui-timeline-group {
+ border-left: 1px solid {$lightblueborder};
+ border-right: 1px solid {$lightblueborder};
+}
+
+.device-desktop .phui-timeline-event-view {
+ margin-left: 62px;
+ position: relative;
+}
+
+.device-desktop .phui-timeline-event-view.phui-timeline-minor-event {
+ margin-left: 65px;
+}
+
+.device-desktop .phui-timeline-spacer {
+ min-height: 16px;
+ border-width: 0 0 0 1px;
+ border-style: solid;
+ border-color: {$lightblueborder};
+ margin-left: 78px;
+}
+
+.device-desktop .phui-timeline-wedge {
+ border-bottom: 1px solid {$lightblueborder};
+ position: absolute;
+ width: 12px;
+}
+
+.phui-timeline-major-event .phui-timeline-content {
+ border-top: 1px solid {$lightblueborder};
+ border-bottom: 1px solid {$lightblueborder};
+}
+
+.phui-timeline-title {
+ line-height: 18px;
+ min-height: 18px;
+ position: relative;
+ color: {$darkbluetext};
+}
+
+.phui-timeline-minor-event .phui-timeline-title {
+ padding: 4px 8px 4px 33px;
+ color: {$bluetext};
+}
+
+.phui-timeline-title a {
+ font-weight: bold;
+}
+
+.phui-timeline-title a.phui-link-person {
+ color: {$darkbluetext};
+}
+
+.device-desktop .phui-timeline-wedge {
+ left: -12px;
+}
+
+.device-desktop .phui-timeline-major-event .phui-timeline-wedge {
+ top: 24px;
+}
+
+.device-desktop .phui-timeline-minor-event .phui-timeline-wedge {
+ top: 12px;
+ left: -18px;
+ width: 20px;
+}
+
+.phui-timeline-image {
+ background-repeat: no-repeat;
+ position: absolute;
+ border-radius: 3px;
+}
+
+.device-desktop .phui-timeline-major-event .phui-timeline-image {
+ width: 50px;
+ height: 50px;
+ top: 0px;
+ left: -62px;
+}
+
+.device-desktop .phui-timeline-minor-event .phui-timeline-image {
+ width: 26px;
+ height: 26px;
+ background-size: 26px auto;
+ left: -41px;
+}
+
+.phui-timeline-major-event .phui-timeline-title {
+ background: {$lightgreybackground};
+ min-height: 18px;
+}
+
+.phui-timeline-title {
+ padding: 5px 8px;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+
+.phui-timeline-title-with-icon {
+ padding-left: 38px;
+}
+
+.phui-timeline-major-event .phui-timeline-content
+ .phui-timeline-core-content {
+ padding: 16px 12px;
+ line-height: 18px;
+ background: #fff;
+}
+
+.phui-timeline-core-content {
+ overflow-x: auto;
+}
+
+.device .phui-timeline-event-view {
+ min-height: 23px;
+ position: relative;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.device .phui-timeline-image {
+ display: none;
+}
+
+.device .phui-timeline-spacer {
+ min-height: 8px;
+ border-width: 0;
+}
+
+.phui-timeline-icon-fill {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ background-color: {$lightblueborder};
+ top: 0;
+ left: 0;
+}
+
+.phui-timeline-icon {
+ position: absolute;
+ left: 8px;
+ top: 8px;
+ height: 14px;
+ width: 14px;
+}
+
+.phui-timeline-minor-event .phui-timeline-icon-fill {
+ height: 26px;
+ width: 26px;
+ border-radius: 3px;
+}
+
+.phui-timeline-minor-event .phui-timeline-icon {
+ top: 6px;
+ left: 6px;
+}
+
+.phui-timeline-extra, .phui-timeline-extra a {
+ font-size: 11px;
+ font-weight: normal;
+}
+
+.device-desktop .phui-timeline-extra {
+ float: right;
+}
+
+.device .phui-timeline-extra {
+ display: inline-block;
+ line-height: 16px;
+ margin-left: 8px;
+}
+
+.phui-timeline-icon-fill-red {
+ background-color: {$red};
+}
+
+.phui-timeline-icon-fill-orange {
+ background-color: {$orange};
+}
+
+.phui-timeline-icon-fill-yellow {
+ background-color: {$yellow};
+}
+
+.phui-timeline-icon-fill-green {
+ background-color: {$green};
+}
+
+.phui-timeline-icon-fill-sky {
+ background-color: {$sky};
+}
+
+.phui-timeline-icon-fill-blue {
+ background-color: {$blue};
+}
+
+.phui-timeline-icon-fill-indigo {
+ background-color: {$indigo};
+}
+
+.phui-timeline-icon-fill-violet {
+ background-color: {$violet};
+}
+
+.phui-timeline-icon-fill-grey {
+ background-color: #888;
+}
+
+.phui-timeline-icon-fill-black {
+ background-color: #333;
+}
+
+.phui-timeline-shell.anchor-target {
+ background: rgba(255, 255, 0, 0.50);
+ box-shadow: 0 0 3px 6px rgba(255, 255, 0, 0.50);
+}
+
+.phui-timeline-preview-header {
+ background: #e0e3ec;
+ color: {$darkgreytext};
+ padding: 4px 1.25%;
+ border: solid {$blueborder} 1px 0;
+}
+
+.phui-timeline-change-details {
+ padding: 10px 0;
+ border-style: solid;
+ border-color: #efefef;
+ border-width: 1px 0;
+}
+
+.phui-timeline-extra .phabricator-content-source-view,
+.phui-timeline-extra a {
+ color: {$lightbluetext};
+}

File Metadata

Mime Type
text/plain
Expires
Sep 28 2025, 7:18 AM (12 w, 5 d ago)
Storage Engine
amazon-s3
Storage Format
Encrypted (AES-256-CBC)
Storage Handle
phabricator/secure/7w/xp/oigwd7b2vgd74ti4
Default Alt Text
D8205.id18564.diff (32 KB)

Event Timeline

Phabricator · Built by Phacility