@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
Update PHUIDocument to use new header gradients
Summary: Adds the new gradient to document views
Test Plan: Tested multiple pages in my sandbox in Phriction, UIExamples.
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: Korvin, aran
Differential Revision: https://secure.phabricator.com/D6827
+80
-62
+47
-47
src/__celerity_resource_map__.php
+47
-47
src/__celerity_resource_map__.php
···
3183
3183
),
3184
3184
'phabricator-header-view-css' =>
3185
3185
array(
3186
-
'uri' => '/res/da35cfa0/rsrc/css/layout/phabricator-header-view.css',
3186
+
'uri' => '/res/0c8871dc/rsrc/css/layout/phabricator-header-view.css',
3187
3187
'type' => 'css',
3188
3188
'requires' =>
3189
3189
array(
···
3386
3386
),
3387
3387
'phabricator-property-list-view-css' =>
3388
3388
array(
3389
-
'uri' => '/res/1b2f0fa9/rsrc/css/layout/phabricator-property-list-view.css',
3389
+
'uri' => '/res/c4c66f5e/rsrc/css/layout/phabricator-property-list-view.css',
3390
3390
'type' => 'css',
3391
3391
'requires' =>
3392
3392
array(
···
3748
3748
),
3749
3749
'phriction-document-css' =>
3750
3750
array(
3751
-
'uri' => '/res/754f6b37/rsrc/css/application/phriction/phriction-document-css.css',
3751
+
'uri' => '/res/200bbf46/rsrc/css/application/phriction/phriction-document-css.css',
3752
3752
'type' => 'css',
3753
3753
'requires' =>
3754
3754
array(
···
3775
3775
),
3776
3776
'phui-document-view-css' =>
3777
3777
array(
3778
-
'uri' => '/res/fe374dee/rsrc/css/phui/phui-document.css',
3778
+
'uri' => '/res/0c895688/rsrc/css/phui/phui-document.css',
3779
3779
'type' => 'css',
3780
3780
'requires' =>
3781
3781
array(
···
4172
4172
), array(
4173
4173
'packages' =>
4174
4174
array(
4175
-
'0b011853' =>
4175
+
'a75e0dea' =>
4176
4176
array(
4177
4177
'name' => 'core.pkg.css',
4178
4178
'symbols' =>
···
4219
4219
39 => 'phabricator-property-list-view-css',
4220
4220
40 => 'phabricator-tag-view-css',
4221
4221
),
4222
-
'uri' => '/res/pkg/0b011853/core.pkg.css',
4222
+
'uri' => '/res/pkg/a75e0dea/core.pkg.css',
4223
4223
'type' => 'css',
4224
4224
),
4225
4225
'4f81c788' =>
···
4410
4410
),
4411
4411
'reverse' =>
4412
4412
array(
4413
-
'aphront-dialog-view-css' => '0b011853',
4414
-
'aphront-error-view-css' => '0b011853',
4415
-
'aphront-list-filter-view-css' => '0b011853',
4416
-
'aphront-pager-view-css' => '0b011853',
4417
-
'aphront-panel-view-css' => '0b011853',
4418
-
'aphront-table-view-css' => '0b011853',
4419
-
'aphront-tokenizer-control-css' => '0b011853',
4420
-
'aphront-tooltip-css' => '0b011853',
4421
-
'aphront-typeahead-control-css' => '0b011853',
4413
+
'aphront-dialog-view-css' => 'a75e0dea',
4414
+
'aphront-error-view-css' => 'a75e0dea',
4415
+
'aphront-list-filter-view-css' => 'a75e0dea',
4416
+
'aphront-pager-view-css' => 'a75e0dea',
4417
+
'aphront-panel-view-css' => 'a75e0dea',
4418
+
'aphront-table-view-css' => 'a75e0dea',
4419
+
'aphront-tokenizer-control-css' => 'a75e0dea',
4420
+
'aphront-tooltip-css' => 'a75e0dea',
4421
+
'aphront-typeahead-control-css' => 'a75e0dea',
4422
4422
'differential-changeset-view-css' => '09216861',
4423
4423
'differential-core-view-css' => '09216861',
4424
4424
'differential-inline-comment-editor' => 'd07a3bc2',
···
4432
4432
'differential-table-of-contents-css' => '09216861',
4433
4433
'diffusion-commit-view-css' => 'c8ce2d88',
4434
4434
'diffusion-icons-css' => 'c8ce2d88',
4435
-
'global-drag-and-drop-css' => '0b011853',
4435
+
'global-drag-and-drop-css' => 'a75e0dea',
4436
4436
'inline-comment-summary-css' => '09216861',
4437
4437
'javelin-aphlict' => '4f81c788',
4438
4438
'javelin-behavior' => '2dbbb7d1',
···
4505
4505
'javelin-util' => '2dbbb7d1',
4506
4506
'javelin-vector' => '2dbbb7d1',
4507
4507
'javelin-workflow' => '2dbbb7d1',
4508
-
'lightbox-attachment-css' => '0b011853',
4508
+
'lightbox-attachment-css' => 'a75e0dea',
4509
4509
'maniphest-task-summary-css' => '06bacb9a',
4510
4510
'maniphest-transaction-detail-css' => '06bacb9a',
4511
-
'phabricator-action-list-view-css' => '0b011853',
4512
-
'phabricator-application-launch-view-css' => '0b011853',
4511
+
'phabricator-action-list-view-css' => 'a75e0dea',
4512
+
'phabricator-application-launch-view-css' => 'a75e0dea',
4513
4513
'phabricator-busy' => '4f81c788',
4514
4514
'phabricator-content-source-view-css' => '09216861',
4515
-
'phabricator-core-css' => '0b011853',
4516
-
'phabricator-crumbs-view-css' => '0b011853',
4515
+
'phabricator-core-css' => 'a75e0dea',
4516
+
'phabricator-crumbs-view-css' => 'a75e0dea',
4517
4517
'phabricator-drag-and-drop-file-upload' => 'd07a3bc2',
4518
4518
'phabricator-dropdown-menu' => '4f81c788',
4519
4519
'phabricator-file-upload' => '4f81c788',
4520
-
'phabricator-filetree-view-css' => '0b011853',
4521
-
'phabricator-flag-css' => '0b011853',
4522
-
'phabricator-header-view-css' => '0b011853',
4520
+
'phabricator-filetree-view-css' => 'a75e0dea',
4521
+
'phabricator-flag-css' => 'a75e0dea',
4522
+
'phabricator-header-view-css' => 'a75e0dea',
4523
4523
'phabricator-hovercard' => '4f81c788',
4524
-
'phabricator-jump-nav' => '0b011853',
4524
+
'phabricator-jump-nav' => 'a75e0dea',
4525
4525
'phabricator-keyboard-shortcut' => '4f81c788',
4526
4526
'phabricator-keyboard-shortcut-manager' => '4f81c788',
4527
-
'phabricator-main-menu-view' => '0b011853',
4527
+
'phabricator-main-menu-view' => 'a75e0dea',
4528
4528
'phabricator-menu-item' => '4f81c788',
4529
-
'phabricator-nav-view-css' => '0b011853',
4529
+
'phabricator-nav-view-css' => 'a75e0dea',
4530
4530
'phabricator-notification' => '4f81c788',
4531
-
'phabricator-notification-css' => '0b011853',
4532
-
'phabricator-notification-menu-css' => '0b011853',
4533
-
'phabricator-object-item-list-view-css' => '0b011853',
4531
+
'phabricator-notification-css' => 'a75e0dea',
4532
+
'phabricator-notification-menu-css' => 'a75e0dea',
4533
+
'phabricator-object-item-list-view-css' => 'a75e0dea',
4534
4534
'phabricator-object-selector-css' => '09216861',
4535
4535
'phabricator-phtize' => '4f81c788',
4536
4536
'phabricator-prefab' => '4f81c788',
4537
4537
'phabricator-project-tag-css' => '06bacb9a',
4538
-
'phabricator-property-list-view-css' => '0b011853',
4539
-
'phabricator-remarkup-css' => '0b011853',
4538
+
'phabricator-property-list-view-css' => 'a75e0dea',
4539
+
'phabricator-remarkup-css' => 'a75e0dea',
4540
4540
'phabricator-shaped-request' => 'd07a3bc2',
4541
-
'phabricator-side-menu-view-css' => '0b011853',
4542
-
'phabricator-standard-page-view' => '0b011853',
4543
-
'phabricator-tag-view-css' => '0b011853',
4541
+
'phabricator-side-menu-view-css' => 'a75e0dea',
4542
+
'phabricator-standard-page-view' => 'a75e0dea',
4543
+
'phabricator-tag-view-css' => 'a75e0dea',
4544
4544
'phabricator-textareautils' => '4f81c788',
4545
4545
'phabricator-tooltip' => '4f81c788',
4546
-
'phabricator-transaction-view-css' => '0b011853',
4547
-
'phabricator-zindex-css' => '0b011853',
4548
-
'phui-button-css' => '0b011853',
4549
-
'phui-form-css' => '0b011853',
4550
-
'phui-form-view-css' => '0b011853',
4551
-
'phui-icon-view-css' => '0b011853',
4552
-
'phui-spacing-css' => '0b011853',
4553
-
'sprite-apps-large-css' => '0b011853',
4554
-
'sprite-gradient-css' => '0b011853',
4555
-
'sprite-icons-css' => '0b011853',
4556
-
'sprite-menu-css' => '0b011853',
4557
-
'syntax-highlighting-css' => '0b011853',
4546
+
'phabricator-transaction-view-css' => 'a75e0dea',
4547
+
'phabricator-zindex-css' => 'a75e0dea',
4548
+
'phui-button-css' => 'a75e0dea',
4549
+
'phui-form-css' => 'a75e0dea',
4550
+
'phui-form-view-css' => 'a75e0dea',
4551
+
'phui-icon-view-css' => 'a75e0dea',
4552
+
'phui-spacing-css' => 'a75e0dea',
4553
+
'sprite-apps-large-css' => 'a75e0dea',
4554
+
'sprite-gradient-css' => 'a75e0dea',
4555
+
'sprite-icons-css' => 'a75e0dea',
4556
+
'sprite-menu-css' => 'a75e0dea',
4557
+
'syntax-highlighting-css' => 'a75e0dea',
4558
4558
),
4559
4559
));
+3
-2
src/applications/phriction/controller/PhrictionDocumentController.php
+3
-2
src/applications/phriction/controller/PhrictionDocumentController.php
···
164
164
165
165
$page_content = id(new PHUIDocumentView())
166
166
->setOffset(true)
167
+
->setHeader($header)
167
168
->appendChild(
168
169
array(
169
-
$header,
170
170
$actions,
171
171
$properties,
172
172
$move_notice,
···
412
412
phutil_tag(
413
413
'div',
414
414
array(
415
-
'class' => 'phriction-children-header',
415
+
'class' => 'phriction-children-header '.
416
+
'sprite-gradient gradient-lightblue-header',
416
417
),
417
418
pht('Document Hierarchy')),
418
419
phutil_tag(
+11
src/view/layout/PhabricatorHeaderView.php
+11
src/view/layout/PhabricatorHeaderView.php
···
7
7
private $tags = array();
8
8
private $image;
9
9
private $subheader;
10
+
private $gradient;
10
11
11
12
public function setHeader($header) {
12
13
$this->header = $header;
···
33
34
return $this;
34
35
}
35
36
37
+
public function setGradient($gradient) {
38
+
$this->gradient = $gradient;
39
+
return $this;
40
+
}
41
+
36
42
public function render() {
37
43
require_celerity_resource('phabricator-header-view-css');
38
44
39
45
$classes = array();
40
46
$classes[] = 'phabricator-header-shell';
47
+
48
+
if ($this->gradient) {
49
+
$classes[] = 'sprite-gradient';
50
+
$classes[] = 'gradient-'.$this->gradient.'-header';
51
+
}
41
52
42
53
$image = null;
43
54
if ($this->image) {
+1
src/view/phui/PHUIDocumentView.php
+1
src/view/phui/PHUIDocumentView.php
+4
-1
webroot/rsrc/css/application/phriction/phriction-document-css.css
+4
-1
webroot/rsrc/css/application/phriction/phriction-document-css.css
···
35
35
36
36
.phriction-children-header {
37
37
background: #f7f7f7;
38
-
padding: 10px 0 10px 20px;
38
+
padding: 8px 0 8px 16px;
39
39
font-weight: bold;
40
40
margin-bottom: 15px;
41
+
border-bottom: 1px solid #BFCFDA;
42
+
color: #6b748c;
43
+
text-shadow: 0 1px 2px #fff;
41
44
}
42
45
43
46
.phriction-document-history-diff {
+1
-1
webroot/rsrc/css/layout/phabricator-header-view.css
+1
-1
webroot/rsrc/css/layout/phabricator-header-view.css
+1
-1
webroot/rsrc/css/layout/phabricator-property-list-view.css
+1
-1
webroot/rsrc/css/layout/phabricator-property-list-view.css
+12
-10
webroot/rsrc/css/phui/phui-document.css
+12
-10
webroot/rsrc/css/phui/phui-document.css
···
8
8
}
9
9
10
10
.device-desktop .phui-document-view {
11
-
border-left: 1px solid #e7e7e7;
12
-
border-right: 1px solid #e7e7e7;
13
-
border-bottom: 1px solid #c0c5d1;
11
+
border: 1px solid #BFCFDA;
12
+
border-bottom: 1px solid #95A6C5;
14
13
max-width: 960px;
15
14
margin: 16px auto;
16
15
}
···
47
46
.phui-document-bookname {
48
47
padding: 8px 16px;
49
48
color: #9ca5b5;
49
+
background-color: #fff;
50
+
border-bottom: 1px solid #BFCFDA;
50
51
}
51
52
52
53
.phui-document-bookname .bookname {
53
-
font-size: 14px;
54
-
font-weight: bold;
55
54
float: left;
56
55
}
57
56
58
57
.phui-document-bookname .bookdescription {
59
-
font-size: 14px;
60
58
float: right;
61
59
}
62
60
63
61
.phui-document-content .phabricator-header-shell {
64
-
background-color: #f6f7f8;
65
-
border-top: 1px solid #e7e7e7;
66
-
border-bottom: 1px solid #e7e7e7;
62
+
border-top: none;
63
+
border-bottom: 1px solid #BFCFDA;
67
64
}
68
65
69
66
.phui-document-content .phabricator-header-view {
70
67
padding: 16px;
68
+
color: #6b748c;
69
+
text-shadow: 0 1px 2px #fff;
70
+
}
71
+
72
+
.phui-document-content .phabricator-property-list-container {
73
+
border-color: #BFCFDA;
71
74
}
72
75
73
76
.phui-document-content .phabricator-property-list-view {
···
78
81
}
79
82
80
83
.phui-document-content {
81
-
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
82
84
min-height: 240px;
83
85
background: #fff;
84
86