@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
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors
Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers.
Test Plan:
Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards
{F169669}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D9707
+293
-243
+24
-24
resources/celerity/map.php
+24
-24
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => 'f9c94804',
10
+
'core.pkg.css' => 'daedf92a',
11
11
'core.pkg.js' => '8c184823',
12
12
'darkconsole.pkg.js' => 'df001cab',
13
13
'differential.pkg.css' => '4a93db37',
···
19
19
'rsrc/css/aphront/aphront-bars.css' => '231ac33c',
20
20
'rsrc/css/aphront/context-bar.css' => '1c3b0529',
21
21
'rsrc/css/aphront/dark-console.css' => '6378ef3d',
22
-
'rsrc/css/aphront/dialog-view.css' => '318fe7e1',
22
+
'rsrc/css/aphront/dialog-view.css' => '4dbbe3bb',
23
23
'rsrc/css/aphront/error-view.css' => '9f1d5518',
24
24
'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d',
25
25
'rsrc/css/aphront/list-filter-view.css' => '2ae43867',
···
43
43
'rsrc/css/application/chatlog/chatlog.css' => '852140ff',
44
44
'rsrc/css/application/config/config-options.css' => '7fedf08b',
45
45
'rsrc/css/application/config/config-template.css' => '25d446d6',
46
-
'rsrc/css/application/config/config-welcome.css' => '09daaca0',
46
+
'rsrc/css/application/config/config-welcome.css' => 'b0d16200',
47
47
'rsrc/css/application/config/setup-issue.css' => '69e640e7',
48
48
'rsrc/css/application/conpherence/menu.css' => 'e1e0fdf1',
49
49
'rsrc/css/application/conpherence/message-pane.css' => '11a393ca',
···
52
52
'rsrc/css/application/conpherence/widget-pane.css' => 'bf275a6c',
53
53
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
54
54
'rsrc/css/application/countdown/timer.css' => '86b7b0a0',
55
-
'rsrc/css/application/dashboard/dashboard.css' => '22dfc441',
55
+
'rsrc/css/application/dashboard/dashboard.css' => 'a2bfdcbf',
56
56
'rsrc/css/application/diff/inline-comment-summary.css' => '8cfd34e8',
57
57
'rsrc/css/application/differential/add-comment.css' => 'c478bcaa',
58
58
'rsrc/css/application/differential/changeset-view.css' => 'ff8eacf8',
···
65
65
'rsrc/css/application/diffusion/commit-view.css' => '92d1e8f9',
66
66
'rsrc/css/application/diffusion/diffusion-icons.css' => '9c5828da',
67
67
'rsrc/css/application/diffusion/diffusion-source.css' => '66fdf661',
68
-
'rsrc/css/application/feed/feed.css' => '5cbec787',
68
+
'rsrc/css/application/feed/feed.css' => '4e544db4',
69
69
'rsrc/css/application/files/global-drag-and-drop.css' => '697324ad',
70
70
'rsrc/css/application/flag/flag.css' => '5337623f',
71
71
'rsrc/css/application/harbormaster/harbormaster.css' => 'cec833b7',
···
93
93
'rsrc/css/application/ponder/feed.css' => 'e62615b6',
94
94
'rsrc/css/application/ponder/post.css' => 'ebab8a70',
95
95
'rsrc/css/application/ponder/vote.css' => '8ed6ed8b',
96
-
'rsrc/css/application/profile/profile-view.css' => '91c6dd26',
96
+
'rsrc/css/application/profile/profile-view.css' => 'b459416e',
97
97
'rsrc/css/application/projects/project-icon.css' => 'c2ecb7f1',
98
98
'rsrc/css/application/projects/project-tag.css' => '095c9404',
99
99
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
···
112
112
'rsrc/css/font/font-awesome.css' => '73d075c3',
113
113
'rsrc/css/font/font-source-sans-pro.css' => '91d53463',
114
114
'rsrc/css/font/phui-font-icon-base.css' => 'eb84f033',
115
-
'rsrc/css/layout/phabricator-action-header-view.css' => 'f11f18b5',
116
-
'rsrc/css/layout/phabricator-action-list-view.css' => '35dbd16e',
115
+
'rsrc/css/layout/phabricator-action-header-view.css' => '83e2cc86',
117
116
'rsrc/css/layout/phabricator-crumbs-view.css' => '7fbf25b8',
118
117
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
119
-
'rsrc/css/layout/phabricator-hovercard-view.css' => 'cae6e28f',
118
+
'rsrc/css/layout/phabricator-hovercard-view.css' => '893f4783',
120
119
'rsrc/css/layout/phabricator-side-menu-view.css' => 'a2ccd7bd',
121
120
'rsrc/css/layout/phabricator-source-code-view.css' => '7d346aa4',
122
121
'rsrc/css/phui/calendar/phui-calendar-day.css' => 'de035c8a',
123
122
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1d0ca59',
124
123
'rsrc/css/phui/calendar/phui-calendar-month.css' => 'a92e47d2',
125
124
'rsrc/css/phui/calendar/phui-calendar.css' => '5e1ad989',
125
+
'rsrc/css/phui/phui-action-list.css' => '9ee9910a',
126
126
'rsrc/css/phui/phui-box.css' => '7b3a2eed',
127
127
'rsrc/css/phui/phui-button.css' => 'c7412aa1',
128
128
'rsrc/css/phui/phui-document.css' => 'a5615198',
···
135
135
'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
136
136
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
137
137
'rsrc/css/phui/phui-list.css' => '43ed2d93',
138
-
'rsrc/css/phui/phui-object-box.css' => 'ce92d8ec',
138
+
'rsrc/css/phui/phui-object-box.css' => 'e9f7e938',
139
139
'rsrc/css/phui/phui-object-item-list-view.css' => '46e12abc',
140
140
'rsrc/css/phui/phui-pinboard-view.css' => '2c8abb19',
141
141
'rsrc/css/phui/phui-property-list-view.css' => '2f7199e8',
···
146
146
'rsrc/css/phui/phui-text.css' => '23e9b4b7',
147
147
'rsrc/css/phui/phui-timeline-view.css' => 'bbd990d0',
148
148
'rsrc/css/phui/phui-workboard-view.css' => '2bf82d00',
149
-
'rsrc/css/phui/phui-workpanel-view.css' => 'fddd97bf',
149
+
'rsrc/css/phui/phui-workpanel-view.css' => 'a8d0273b',
150
150
'rsrc/css/sprite-apps-large.css' => '12ea1ced',
151
151
'rsrc/css/sprite-apps.css' => '37ee4f4e',
152
152
'rsrc/css/sprite-conpherence.css' => '3b4a0487',
153
153
'rsrc/css/sprite-docs.css' => '5f65d0da',
154
-
'rsrc/css/sprite-gradient.css' => '4aec2401',
154
+
'rsrc/css/sprite-gradient.css' => '4bdb98a7',
155
155
'rsrc/css/sprite-login.css' => '67ff30b2',
156
156
'rsrc/css/sprite-main-header.css' => '92720ee2',
157
157
'rsrc/css/sprite-menu.css' => '28281e16',
···
323
323
'rsrc/image/sprite-conpherence.png' => 'a5ab2eb7',
324
324
'rsrc/image/sprite-docs-X2.png' => '6dc1adad',
325
325
'rsrc/image/sprite-docs.png' => '4636297f',
326
-
'rsrc/image/sprite-gradient.png' => '7c71fb29',
326
+
'rsrc/image/sprite-gradient.png' => 'ec15a417',
327
327
'rsrc/image/sprite-login-X2.png' => '5f75d60b',
328
328
'rsrc/image/sprite-login.png' => 'efe40ddb',
329
329
'rsrc/image/sprite-main-header.png' => '83521873',
···
498
498
'aphront-bars' => '231ac33c',
499
499
'aphront-contextbar-view-css' => '1c3b0529',
500
500
'aphront-dark-console-css' => '6378ef3d',
501
-
'aphront-dialog-view-css' => '318fe7e1',
501
+
'aphront-dialog-view-css' => '4dbbe3bb',
502
502
'aphront-error-view-css' => '9f1d5518',
503
503
'aphront-list-filter-view-css' => '2ae43867',
504
504
'aphront-multi-column-view-css' => '1b95ab2e',
···
513
513
'auth-css' => '1e655982',
514
514
'changeset-view-manager' => 'd2907473',
515
515
'config-options-css' => '7fedf08b',
516
-
'config-welcome-css' => '09daaca0',
516
+
'config-welcome-css' => 'b0d16200',
517
517
'conpherence-menu-css' => 'e1e0fdf1',
518
518
'conpherence-message-pane-css' => '11a393ca',
519
519
'conpherence-notification-css' => '04a6e10a',
···
702
702
'paste-css' => 'aa1767d1',
703
703
'path-typeahead' => 'f7fc67ec',
704
704
'people-profile-css' => 'ba7b2762',
705
-
'phabricator-action-header-view-css' => 'f11f18b5',
706
-
'phabricator-action-list-view-css' => '35dbd16e',
705
+
'phabricator-action-list-view-css' => '9ee9910a',
707
706
'phabricator-application-launch-view-css' => '8b7e271d',
708
707
'phabricator-busy' => '6453c869',
709
708
'phabricator-chatlog-css' => '852140ff',
···
711
710
'phabricator-core-css' => '40151074',
712
711
'phabricator-countdown-css' => '86b7b0a0',
713
712
'phabricator-crumbs-view-css' => '7fbf25b8',
714
-
'phabricator-dashboard-css' => '22dfc441',
713
+
'phabricator-dashboard-css' => 'a2bfdcbf',
715
714
'phabricator-drag-and-drop-file-upload' => '1d8ad5c3',
716
715
'phabricator-draggable-list' => '2cad29d1',
717
716
'phabricator-fatal-config-template-css' => '25d446d6',
718
-
'phabricator-feed-css' => '5cbec787',
717
+
'phabricator-feed-css' => '4e544db4',
719
718
'phabricator-file-upload' => 'a4ae61bf',
720
719
'phabricator-filetree-view-css' => 'fccf9f82',
721
720
'phabricator-flag-css' => '5337623f',
722
721
'phabricator-hovercard' => '7e8468ae',
723
-
'phabricator-hovercard-view-css' => 'cae6e28f',
722
+
'phabricator-hovercard-view-css' => '893f4783',
724
723
'phabricator-keyboard-shortcut' => '1ae869f2',
725
724
'phabricator-keyboard-shortcut-manager' => 'ad7a69ca',
726
725
'phabricator-main-menu-view' => 'aceca0e9',
···
731
730
'phabricator-object-selector-css' => '029a133d',
732
731
'phabricator-phtize' => 'd254d646',
733
732
'phabricator-prefab' => '41ed7994',
734
-
'phabricator-profile-css' => '91c6dd26',
733
+
'phabricator-profile-css' => 'b459416e',
735
734
'phabricator-project-tag-css' => '095c9404',
736
735
'phabricator-remarkup-css' => '864d4f5e',
737
736
'phabricator-search-results-css' => 'f240504c',
···
763
762
'phortune-credit-card-form-css' => 'b25b4beb',
764
763
'phrequent-css' => 'ffc185ad',
765
764
'phriction-document-css' => '7d7f0071',
765
+
'phui-action-header-view-css' => '83e2cc86',
766
766
'phui-box-css' => '7b3a2eed',
767
767
'phui-button-css' => 'c7412aa1',
768
768
'phui-calendar-css' => '5e1ad989',
···
780
780
'phui-image-mask-css' => '5a8b09c8',
781
781
'phui-info-panel-css' => '27ea50a1',
782
782
'phui-list-view-css' => '43ed2d93',
783
-
'phui-object-box-css' => 'ce92d8ec',
783
+
'phui-object-box-css' => 'e9f7e938',
784
784
'phui-object-item-list-view-css' => '46e12abc',
785
785
'phui-pinboard-view-css' => '2c8abb19',
786
786
'phui-property-list-view-css' => '2f7199e8',
···
791
791
'phui-text-css' => '23e9b4b7',
792
792
'phui-timeline-view-css' => 'bbd990d0',
793
793
'phui-workboard-view-css' => '2bf82d00',
794
-
'phui-workpanel-view-css' => 'fddd97bf',
794
+
'phui-workpanel-view-css' => 'a8d0273b',
795
795
'phuix-action-list-view' => 'b5c256b8',
796
796
'phuix-action-view' => '6e8cefa4',
797
797
'phuix-dropdown-menu' => 'bd4c8dca',
···
815
815
'sprite-apps-large-css' => '12ea1ced',
816
816
'sprite-conpherence-css' => '3b4a0487',
817
817
'sprite-docs-css' => '5f65d0da',
818
-
'sprite-gradient-css' => '4aec2401',
818
+
'sprite-gradient-css' => '4bdb98a7',
819
819
'sprite-login-css' => '67ff30b2',
820
820
'sprite-main-header-css' => '92720ee2',
821
821
'sprite-menu-css' => '28281e16',
resources/sprite/gradients/lightgreen-header.png
resources/sprite/gradients/lightgreen-header.png
This is a binary file and will not be displayed.
resources/sprite/gradients/lightred-header.png
resources/sprite/gradients/lightred-header.png
This is a binary file and will not be displayed.
resources/sprite/gradients/lightviolet-header.png
resources/sprite/gradients/lightviolet-header.png
This is a binary file and will not be displayed.
+18
-3
resources/sprite/manifest/gradient.json
+18
-3
resources/sprite/manifest/gradient.json
···
1
1
{
2
2
"version" : 1,
3
3
"sprites" : {
4
-
"gradient-dark-grey-header" : {
4
+
"gradient-dark-grey-header" : {
5
5
"name" : "gradient-dark-grey-header",
6
6
"rule" : ".gradient-dark-grey-header",
7
7
"hash" : "e8762dd2849410a7e4fba8f972f946ff"
8
8
},
9
-
"gradient-grey-header" : {
9
+
"gradient-grey-header" : {
10
10
"name" : "gradient-grey-header",
11
11
"rule" : ".gradient-grey-header",
12
12
"hash" : "1c8f8d61984e3fc5a7e528b9bd4d484a"
13
13
},
14
-
"gradient-lightblue-header" : {
14
+
"gradient-lightblue-header" : {
15
15
"name" : "gradient-lightblue-header",
16
16
"rule" : ".gradient-lightblue-header",
17
17
"hash" : "e7753a6ce63c6822a559266eef9e255b"
18
+
},
19
+
"gradient-lightgreen-header" : {
20
+
"name" : "gradient-lightgreen-header",
21
+
"rule" : ".gradient-lightgreen-header",
22
+
"hash" : "87b5c391ea4ea84dd8531fb0f199cbeb"
23
+
},
24
+
"gradient-lightred-header" : {
25
+
"name" : "gradient-lightred-header",
26
+
"rule" : ".gradient-lightred-header",
27
+
"hash" : "a367ea9163aa15f52c105b5805cf493e"
28
+
},
29
+
"gradient-lightviolet-header" : {
30
+
"name" : "gradient-lightviolet-header",
31
+
"rule" : ".gradient-lightviolet-header",
32
+
"hash" : "e17e05135e53e1258340cfc27f96f23f"
18
33
}
19
34
},
20
35
"scales" : [
+4
-4
src/__phutil_library_map__.php
+4
-4
src/__phutil_library_map__.php
···
1005
1005
'NuanceTransaction' => 'applications/nuance/storage/NuanceTransaction.php',
1006
1006
'OwnersPackageReplyHandler' => 'applications/owners/mail/OwnersPackageReplyHandler.php',
1007
1007
'PHUI' => 'view/phui/PHUI.php',
1008
+
'PHUIActionHeaderExample' => 'applications/uiexample/examples/PHUIActionHeaderExample.php',
1009
+
'PHUIActionHeaderView' => 'view/phui/PHUIActionHeaderView.php',
1008
1010
'PHUIBoxExample' => 'applications/uiexample/examples/PHUIBoxExample.php',
1009
1011
'PHUIBoxView' => 'view/phui/PHUIBoxView.php',
1010
1012
'PHUIButtonBarExample' => 'applications/uiexample/examples/PHUIButtonBarExample.php',
···
1101
1103
'PhabricatorAccessControlTestCase' => 'applications/base/controller/__tests__/PhabricatorAccessControlTestCase.php',
1102
1104
'PhabricatorAccessLog' => 'infrastructure/log/PhabricatorAccessLog.php',
1103
1105
'PhabricatorAccessLogConfigOptions' => 'applications/config/option/PhabricatorAccessLogConfigOptions.php',
1104
-
'PhabricatorActionHeaderExample' => 'applications/uiexample/examples/PhabricatorActionHeaderExample.php',
1105
-
'PhabricatorActionHeaderView' => 'view/layout/PhabricatorActionHeaderView.php',
1106
1106
'PhabricatorActionListView' => 'view/layout/PhabricatorActionListView.php',
1107
1107
'PhabricatorActionView' => 'view/layout/PhabricatorActionView.php',
1108
1108
'PhabricatorAllCapsTranslation' => 'infrastructure/internationalization/translation/PhabricatorAllCapsTranslation.php',
···
3779
3779
'NuanceSourceViewController' => 'NuanceController',
3780
3780
'NuanceTransaction' => 'PhabricatorApplicationTransaction',
3781
3781
'OwnersPackageReplyHandler' => 'PhabricatorMailReplyHandler',
3782
+
'PHUIActionHeaderExample' => 'PhabricatorUIExample',
3783
+
'PHUIActionHeaderView' => 'AphrontView',
3782
3784
'PHUIBoxExample' => 'PhabricatorUIExample',
3783
3785
'PHUIBoxView' => 'AphrontTagView',
3784
3786
'PHUIButtonBarExample' => 'PhabricatorUIExample',
···
3878
3880
'PhabricatorAWSConfigOptions' => 'PhabricatorApplicationConfigOptions',
3879
3881
'PhabricatorAccessControlTestCase' => 'PhabricatorTestCase',
3880
3882
'PhabricatorAccessLogConfigOptions' => 'PhabricatorApplicationConfigOptions',
3881
-
'PhabricatorActionHeaderExample' => 'PhabricatorUIExample',
3882
-
'PhabricatorActionHeaderView' => 'AphrontView',
3883
3883
'PhabricatorActionListView' => 'AphrontView',
3884
3884
'PhabricatorActionView' => 'AphrontView',
3885
3885
'PhabricatorAllCapsTranslation' => 'PhabricatorTranslation',
+23
-37
src/applications/config/controller/PhabricatorConfigWelcomeController.php
+23
-37
src/applications/config/controller/PhabricatorConfigWelcomeController.php
···
358
358
$columns = id(new AphrontMultiColumnView())
359
359
->addColumn($col1)
360
360
->addColumn($col2)
361
-
->setFluidLayout(true)
362
-
->setGutter(AphrontMultiColumnView::GUTTER_SMALL);
361
+
->setFluidLayout(true);
363
362
364
-
return array(
365
-
$header,
366
-
$columns,
367
-
);
363
+
return phutil_tag(
364
+
'div',
365
+
array(
366
+
'class' => 'config-welcome',
367
+
),
368
+
array(
369
+
$header,
370
+
$columns,
371
+
));
368
372
}
369
373
370
-
private function newHeader($title, $done) {
371
-
$header = id(new PhabricatorActionHeaderView())
372
-
->setHeaderTitle($title);
374
+
private function newItem(AphrontRequest $request, $title, $done, $content) {
375
+
$viewer = $request->getUser();
373
376
377
+
$box = new PHUIObjectBoxView();
378
+
$header = new PHUIActionHeaderView();
379
+
$header->setHeaderTitle($title);
374
380
if ($done === true) {
375
-
$header
376
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREEN)
377
-
->addAction(id(new PHUIIconView())->setIconFont('fa-check'));
381
+
$box->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN);
382
+
$header->addAction(id(new PHUIIconView())->setIconFont('fa-check'));
378
383
} else if ($done === false) {
379
-
$header
380
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_BLUE)
381
-
->addAction(id(new PHUIIconView())->setIconFont('fa-exclamation'));
382
-
} else {
383
-
$header
384
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_LIGHTBLUE);
384
+
$box->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET);
385
+
$header->addAction(id(new PHUIIconView())->setIconFont('fa-exclamation'));
385
386
}
386
-
387
-
return $header;
388
-
}
389
-
390
-
private function newItem(AphrontRequest $request, $title, $done, $content) {
391
-
$viewer = $request->getUser();
392
-
393
-
$header = $this->newHeader($title, $done);
394
387
395
388
$content = PhabricatorMarkupEngine::renderOneObject(
396
389
id(new PhabricatorMarkupOneOff())->setContent($content),
397
390
'default',
398
391
$viewer);
399
392
400
-
$header = phutil_tag(
401
-
'div',
402
-
array(
403
-
'class' => 'config-welcome-box-header',
404
-
),
405
-
$header);
406
-
407
393
$content = phutil_tag(
408
394
'div',
409
395
array(
···
411
397
),
412
398
$content);
413
399
414
-
return id(new PHUIBoxView())
415
-
->addClass('config-welcome-box')
416
-
->appendChild($header)
417
-
->appendChild($content);
400
+
$box->setHeader($header);
401
+
$box->appendChild($content);
402
+
403
+
return $box;
418
404
}
419
405
420
406
}
+2
-2
src/applications/conpherence/controller/ConpherenceWidgetController.php
+2
-2
src/applications/conpherence/controller/ConpherenceWidgetController.php
···
75
75
array(
76
76
'class' => 'widgets-header',
77
77
),
78
-
id(new PhabricatorActionHeaderView())
79
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREY)
78
+
id(new PHUIActionHeaderView())
79
+
->setHeaderColor(PHUIActionHeaderView::HEADER_GREY)
80
80
->setHeaderTitle(pht('Participants'))
81
81
->setHeaderHref('#')
82
82
->setDropdown(true)
+9
-9
src/applications/dashboard/engine/PhabricatorDashboardPanelRenderingEngine.php
+9
-9
src/applications/dashboard/engine/PhabricatorDashboardPanelRenderingEngine.php
···
154
154
$header = null;
155
155
break;
156
156
case self::HEADER_MODE_EDIT:
157
-
$header = id(new PhabricatorActionHeaderView())
157
+
$header = id(new PHUIActionHeaderView())
158
158
->setHeaderTitle($title)
159
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_LIGHTBLUE);
159
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE);
160
160
$header = $this->addPanelHeaderActions($header);
161
161
break;
162
162
case self::HEADER_MODE_NORMAL:
163
163
default:
164
-
$header = id(new PhabricatorActionHeaderView())
164
+
$header = id(new PHUIActionHeaderView())
165
165
->setHeaderTitle($title)
166
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_LIGHTBLUE);
166
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE);
167
167
break;
168
168
}
169
169
$icon = id(new PHUIIconView())
···
209
209
$header = null;
210
210
break;
211
211
case self::HEADER_MODE_EDIT:
212
-
$header = id(new PhabricatorActionHeaderView())
212
+
$header = id(new PHUIActionHeaderView())
213
213
->setHeaderTitle($panel->getName())
214
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_LIGHTBLUE);
214
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE);
215
215
$header = $this->addPanelHeaderActions($header);
216
216
break;
217
217
case self::HEADER_MODE_NORMAL:
218
218
default:
219
-
$header = id(new PhabricatorActionHeaderView())
219
+
$header = id(new PHUIActionHeaderView())
220
220
->setHeaderTitle($panel->getName())
221
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_LIGHTBLUE);
221
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE);
222
222
break;
223
223
}
224
224
return $header;
225
225
}
226
226
227
227
private function addPanelHeaderActions(
228
-
PhabricatorActionHeaderView $header) {
228
+
PHUIActionHeaderView $header) {
229
229
$panel = $this->getPanel();
230
230
231
231
$dashboard_id = $this->getDashboardID();
+1
-1
src/applications/feed/builder/PhabricatorFeedBuilder.php
+1
-1
src/applications/feed/builder/PhabricatorFeedBuilder.php
+2
-2
src/applications/project/storage/PhabricatorProjectColumn.php
+2
-2
src/applications/project/storage/PhabricatorProjectColumn.php
···
58
58
59
59
public function getHeaderColor() {
60
60
if ($this->isDefaultColumn()) {
61
-
return PhabricatorActionHeaderView::HEADER_DARK_GREY;
61
+
return PHUIActionHeaderView::HEADER_DARK_GREY;
62
62
}
63
-
return PhabricatorActionHeaderView::HEADER_GREY;
63
+
return PHUIActionHeaderView::HEADER_GREY;
64
64
}
65
65
66
66
+51
-51
src/applications/uiexample/examples/PhabricatorActionHeaderExample.php
src/applications/uiexample/examples/PHUIActionHeaderExample.php
+51
-51
src/applications/uiexample/examples/PhabricatorActionHeaderExample.php
src/applications/uiexample/examples/PHUIActionHeaderExample.php
···
1
1
<?php
2
2
3
-
final class PhabricatorActionHeaderExample extends PhabricatorUIExample {
3
+
final class PHUIActionHeaderExample extends PhabricatorUIExample {
4
4
5
5
public function getName() {
6
6
return 'Action Headers';
···
16
16
$title1 = id(new PHUIHeaderView())
17
17
->setHeader(pht('Header Plain'));
18
18
19
-
$header1 = id(new PhabricatorActionHeaderView())
19
+
$header1 = id(new PHUIActionHeaderView())
20
20
->setHeaderTitle('Colorless');
21
21
22
-
$header2 = id(new PhabricatorActionHeaderView())
22
+
$header2 = id(new PHUIActionHeaderView())
23
23
->setHeaderTitle('Light Grey')
24
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREY);
24
+
->setHeaderColor(PHUIActionHeaderView::HEADER_GREY);
25
25
26
-
$header3 = id(new PhabricatorActionHeaderView())
27
-
->setHeaderTitle('Blue')
28
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_BLUE);
26
+
$header3 = id(new PHUIActionHeaderView())
27
+
->setHeaderTitle('Light Blue')
28
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE);
29
29
30
-
$header4 = id(new PhabricatorActionHeaderView())
31
-
->setHeaderTitle('Green')
32
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREEN);
30
+
$header4 = id(new PHUIActionHeaderView())
31
+
->setHeaderTitle('Light Green')
32
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN);
33
33
34
-
$header5 = id(new PhabricatorActionHeaderView())
35
-
->setHeaderTitle('Red')
36
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_RED);
34
+
$header5 = id(new PHUIActionHeaderView())
35
+
->setHeaderTitle('Light Red')
36
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED);
37
37
38
-
$header6 = id(new PhabricatorActionHeaderView())
39
-
->setHeaderTitle('Yellow')
40
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_YELLOW);
38
+
$header6 = id(new PHUIActionHeaderView())
39
+
->setHeaderTitle('Light Violet')
40
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET);
41
41
42
42
$layout1 = id(new AphrontMultiColumnView())
43
43
->addColumn($header1)
···
57
57
$title2 = id(new PHUIHeaderView())
58
58
->setHeader(pht('With Policy Icons'));
59
59
60
-
$header1 = id(new PhabricatorActionHeaderView())
60
+
$header1 = id(new PHUIActionHeaderView())
61
61
->setHeaderTitle('Company')
62
62
->setHeaderIcon('company-dark');
63
63
64
-
$header2 = id(new PhabricatorActionHeaderView())
64
+
$header2 = id(new PHUIActionHeaderView())
65
65
->setHeaderTitle('Public')
66
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREY)
66
+
->setHeaderColor(PHUIActionHeaderView::HEADER_GREY)
67
67
->setHeaderIcon('public-dark');
68
68
69
-
$header3 = id(new PhabricatorActionHeaderView())
69
+
$header3 = id(new PHUIActionHeaderView())
70
70
->setHeaderTitle('Restricted')
71
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_BLUE)
71
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE)
72
72
->setHeaderIcon('restricted-white');
73
73
74
-
$header4 = id(new PhabricatorActionHeaderView())
74
+
$header4 = id(new PHUIActionHeaderView())
75
75
->setHeaderTitle('Company')
76
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREEN)
76
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN)
77
77
->setHeaderIcon('company-white');
78
78
79
-
$header5 = id(new PhabricatorActionHeaderView())
79
+
$header5 = id(new PHUIActionHeaderView())
80
80
->setHeaderTitle('Public')
81
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_RED)
81
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED)
82
82
->setHeaderIcon('public-white');
83
83
84
-
$header6 = id(new PhabricatorActionHeaderView())
84
+
$header6 = id(new PHUIActionHeaderView())
85
85
->setHeaderTitle('Restricted')
86
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_YELLOW)
86
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET)
87
87
->setHeaderIcon('restriced-white');
88
88
89
89
$layout2 = id(new AphrontMultiColumnView())
···
110
110
$action1->setHref('#');
111
111
112
112
$action2 = new PHUIIconView();
113
-
$action1->setIconFont('fa-heart');
113
+
$action2->setIconFont('fa-heart');
114
114
$action2->setHref('#');
115
115
116
116
$action3 = new PHUIIconView();
117
-
$action1->setIconFont('fa-tag');
117
+
$action3->setIconFont('fa-tag');
118
118
$action3->setHref('#');
119
119
120
120
$action4 = new PHUIIconView();
···
129
129
$action6->setIconFont('fa-arrows');
130
130
$action6->setHref('#');
131
131
132
-
$header1 = id(new PhabricatorActionHeaderView())
132
+
$header1 = id(new PHUIActionHeaderView())
133
133
->setHeaderTitle('Company')
134
134
->setHeaderHref('http://example.com/')
135
135
->addAction($action1);
136
136
137
-
$header2 = id(new PhabricatorActionHeaderView())
137
+
$header2 = id(new PHUIActionHeaderView())
138
138
->setHeaderTitle('Public')
139
139
->setHeaderHref('http://example.com/')
140
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREY)
140
+
->setHeaderColor(PHUIActionHeaderView::HEADER_GREY)
141
141
->addAction($action1);
142
142
143
-
$header3 = id(new PhabricatorActionHeaderView())
143
+
$header3 = id(new PHUIActionHeaderView())
144
144
->setHeaderTitle('Restricted')
145
145
->setHeaderHref('http://example.com/')
146
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_BLUE)
146
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE)
147
147
->addAction($action2);
148
148
149
-
$header4 = id(new PhabricatorActionHeaderView())
149
+
$header4 = id(new PHUIActionHeaderView())
150
150
->setHeaderTitle('Company')
151
151
->setHeaderHref('http://example.com/')
152
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREEN)
152
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN)
153
153
->addAction($action3);
154
154
155
-
$header5 = id(new PhabricatorActionHeaderView())
155
+
$header5 = id(new PHUIActionHeaderView())
156
156
->setHeaderTitle('Public')
157
157
->setHeaderHref('http://example.com/')
158
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_RED)
158
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED)
159
159
->addAction($action4)
160
160
->addAction($action5);
161
161
162
-
$header6 = id(new PhabricatorActionHeaderView())
162
+
$header6 = id(new PHUIActionHeaderView())
163
163
->setHeaderTitle('Restricted')
164
164
->setHeaderHref('http://example.com/')
165
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_YELLOW)
165
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET)
166
166
->addAction($action6);
167
167
168
168
$layout3 = id(new AphrontMultiColumnView())
···
197
197
$action1->setIconFont('fa-flag');
198
198
$action1->setHref('#');
199
199
200
-
$header1 = id(new PhabricatorActionHeaderView())
200
+
$header1 = id(new PHUIActionHeaderView())
201
201
->setHeaderTitle('Company')
202
202
->setTag($tag2);
203
203
204
-
$header2 = id(new PhabricatorActionHeaderView())
204
+
$header2 = id(new PHUIActionHeaderView())
205
205
->setHeaderTitle('Public')
206
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREY)
206
+
->setHeaderColor(PHUIActionHeaderView::HEADER_GREY)
207
207
->addAction($action1)
208
208
->setTag($tag1);
209
209
210
-
$header3 = id(new PhabricatorActionHeaderView())
210
+
$header3 = id(new PHUIActionHeaderView())
211
211
->setHeaderTitle('Restricted')
212
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_BLUE)
212
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE)
213
213
->setTag($tag2);
214
214
215
-
$header4 = id(new PhabricatorActionHeaderView())
215
+
$header4 = id(new PHUIActionHeaderView())
216
216
->setHeaderTitle('Company')
217
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_GREEN)
217
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN)
218
218
->setTag($tag1);
219
219
220
-
$header5 = id(new PhabricatorActionHeaderView())
220
+
$header5 = id(new PHUIActionHeaderView())
221
221
->setHeaderTitle('Public')
222
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_RED)
222
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED)
223
223
->setTag($tag2);
224
224
225
-
$header6 = id(new PhabricatorActionHeaderView())
225
+
$header6 = id(new PHUIActionHeaderView())
226
226
->setHeaderTitle('Restricted')
227
-
->setHeaderColor(PhabricatorActionHeaderView::HEADER_YELLOW)
227
+
->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET)
228
228
->setTag($tag1);
229
229
230
230
$layout4 = id(new AphrontMultiColumnView())
+12
src/infrastructure/celerity/CelerityResourceTransformer.php
+12
src/infrastructure/celerity/CelerityResourceTransformer.php
···
220
220
'lightbluetext' => '#8C98B8',
221
221
'bluetext' => '#6B748C',
222
222
'darkbluetext' => '#464C5C',
223
+
224
+
// Base Greens
225
+
'lightgreenborder' => '#bfdac1',
226
+
'greenborder' => '#8cb89c',
227
+
228
+
// Base Red
229
+
'lightredborder' => '#f4c6c6',
230
+
'redborder' => '#eb9797',
231
+
232
+
// Base Violet
233
+
'lightvioletborder' => '#cfbddb',
234
+
'violetborder' => '#b589ba',
223
235
);
224
236
}
225
237
+3
-4
src/infrastructure/celerity/CeleritySpriteGenerator.php
+3
-4
src/infrastructure/celerity/CeleritySpriteGenerator.php
···
403
403
404
404
$unusual_heights = array(
405
405
'breadcrumbs' => 31,
406
-
'red-header' => 70,
407
-
'blue-header' => 70,
408
-
'green-header' => 70,
409
-
'yellow-header' => 70,
410
406
'grey-header' => 70,
411
407
'dark-grey-header' => 70,
412
408
'lightblue-header' => 240,
409
+
'lightgreen-header' => 240,
410
+
'lightviolet-header' => 240,
411
+
'lightred-header' => 240,
413
412
);
414
413
415
414
$sprites = array();
+2
-2
src/view/AphrontDialogView.php
+2
-2
src/view/AphrontDialogView.php
···
12
12
private $class;
13
13
private $renderAsForm = true;
14
14
private $formID;
15
-
private $headerColor = PhabricatorActionHeaderView::HEADER_LIGHTBLUE;
15
+
private $headerColor = PHUIActionHeaderView::HEADER_LIGHTBLUE;
16
16
private $footers = array();
17
17
private $isStandalone;
18
18
private $method = 'POST';
···
291
291
$children);
292
292
}
293
293
294
-
$header = new PhabricatorActionHeaderView();
294
+
$header = new PHUIActionHeaderView();
295
295
$header->setHeaderTitle($this->title);
296
296
$header->setHeaderColor($this->headerColor);
297
297
+17
-20
src/view/layout/PhabricatorActionHeaderView.php
src/view/phui/PHUIActionHeaderView.php
+17
-20
src/view/layout/PhabricatorActionHeaderView.php
src/view/phui/PHUIActionHeaderView.php
···
1
1
<?php
2
2
3
-
final class PhabricatorActionHeaderView extends AphrontView {
3
+
final class PHUIActionHeaderView extends AphrontView {
4
4
5
5
const HEADER_GREY = 'grey';
6
6
const HEADER_DARK_GREY = 'dark-grey';
7
-
const HEADER_BLUE = 'blue';
8
-
const HEADER_GREEN = 'green';
9
-
const HEADER_RED = 'red';
10
-
const HEADER_YELLOW = 'yellow';
7
+
const HEADER_LIGHTGREEN = 'lightgreen';
8
+
const HEADER_LIGHTRED = 'lightred';
9
+
const HEADER_LIGHTVIOLET = 'lightviolet';
11
10
const HEADER_LIGHTBLUE ='lightblue';
12
11
const HEADER_WHITE = 'white';
13
12
···
66
65
return 'lightgreytext';
67
66
case self::HEADER_DARK_GREY:
68
67
return 'lightgreytext';
69
-
case self::HEADER_BLUE:
70
-
return 'white';
71
-
case self::HEADER_GREEN:
72
-
return 'white';
73
-
case self::HEADER_RED:
74
-
return 'white';
75
-
case self::HEADER_YELLOW:
76
-
return 'white';
68
+
case self::HEADER_LIGHTGREEN:
69
+
return 'bluegrey';
70
+
case self::HEADER_LIGHTRED:
71
+
return 'bluegrey';
72
+
case self::HEADER_LIGHTVIOLET:
73
+
return 'bluegrey';
77
74
case self::HEADER_LIGHTBLUE:
78
75
return 'bluegrey';
79
76
}
···
81
78
82
79
public function render() {
83
80
84
-
require_celerity_resource('phabricator-action-header-view-css');
81
+
require_celerity_resource('phui-action-header-view-css');
85
82
86
83
$classes = array();
87
-
$classes[] = 'phabricator-action-header';
84
+
$classes[] = 'phui-action-header';
88
85
89
86
if ($this->headerColor) {
90
87
$classes[] = 'sprite-gradient';
···
102
99
$action_list[] = phutil_tag(
103
100
'li',
104
101
array(
105
-
'class' => 'phabricator-action-header-icon-item'
102
+
'class' => 'phui-action-header-icon-item'
106
103
),
107
104
$action);
108
105
}
···
112
109
$action_list[] = phutil_tag(
113
110
'li',
114
111
array(
115
-
'class' => 'phabricator-action-header-icon-item'
112
+
'class' => 'phui-action-header-icon-item'
116
113
),
117
114
$this->tag);
118
115
}
···
133
130
$header_title = javelin_tag(
134
131
'a',
135
132
array(
136
-
'class' => 'phabricator-action-header-link',
133
+
'class' => 'phui-action-header-link',
137
134
'href' => $this->headerHref,
138
135
'sigil' => implode(' ', $this->headerSigils)
139
136
),
···
143
140
$header = phutil_tag(
144
141
'h3',
145
142
array(
146
-
'class' => 'phabricator-action-header-title'
143
+
'class' => 'phui-action-header-title'
147
144
),
148
145
array(
149
146
$header_icon,
···
154
151
$icons = phutil_tag(
155
152
'ul',
156
153
array(
157
-
'class' => 'phabricator-action-header-icon-list'
154
+
'class' => 'phui-action-header-icon-list'
158
155
),
159
156
$action_list);
160
157
}
+1
-1
src/view/phui/PHUIDocumentView.php
+1
-1
src/view/phui/PHUIDocumentView.php
+5
-5
src/view/phui/PHUIHeaderView.php
+5
-5
src/view/phui/PHUIHeaderView.php
···
10
10
private $image;
11
11
private $imageURL = null;
12
12
private $subheader;
13
-
private $gradient;
13
+
private $headerColor;
14
14
private $noBackground;
15
15
private $bleedHeader;
16
16
private $properties = array();
···
58
58
return $this;
59
59
}
60
60
61
-
public function setGradient($gradient) {
62
-
$this->gradient = $gradient;
61
+
public function setHeaderColor($color) {
62
+
$this->headerColor = $color;
63
63
return $this;
64
64
}
65
65
···
121
121
$classes[] = 'phui-bleed-header';
122
122
}
123
123
124
-
if ($this->gradient) {
124
+
if ($this->headerColor) {
125
125
$classes[] = 'sprite-gradient';
126
-
$classes[] = 'gradient-'.$this->gradient.'-header';
126
+
$classes[] = 'gradient-'.$this->headerColor.'-header';
127
127
}
128
128
129
129
if ($this->properties || $this->policyObject || $this->subheader) {
+17
-3
src/view/phui/PHUIObjectBoxView.php
+17
-3
src/view/phui/PHUIObjectBoxView.php
···
3
3
final class PHUIObjectBoxView extends AphrontView {
4
4
5
5
private $headerText;
6
+
private $headerColor;
6
7
private $formErrors = null;
7
8
private $formSaved = false;
8
9
private $errorView;
···
78
79
return $this;
79
80
}
80
81
82
+
public function setHeaderColor($color) {
83
+
$this->headerColor = $color;
84
+
return $this;
85
+
}
86
+
81
87
public function setFormErrors(array $errors, $title = null) {
82
88
if (nonempty($errors)) {
83
89
$this->formErrors = id(new AphrontErrorView())
···
115
121
return $this;
116
122
}
117
123
118
-
public function setHeader(PHUIHeaderView $header) {
124
+
public function setHeader($header) {
119
125
$this->header = $header;
120
126
return $this;
121
127
}
···
135
141
136
142
require_celerity_resource('phui-object-box-css');
137
143
144
+
if ($this->headerColor) {
145
+
$header_color = $this->headerColor;
146
+
} else {
147
+
$header_color = PHUIActionHeaderView::HEADER_LIGHTBLUE;
148
+
}
149
+
138
150
if ($this->header) {
139
151
$header = $this->header;
140
-
$header->setGradient(PhabricatorActionHeaderView::HEADER_LIGHTBLUE);
152
+
$header->setHeaderColor($header_color);
141
153
} else {
142
154
$header = id(new PHUIHeaderView())
143
155
->setHeader($this->headerText)
144
-
->setGradient(PhabricatorActionHeaderView::HEADER_LIGHTBLUE);
156
+
->setHeaderColor($header_color);
145
157
}
146
158
147
159
$ex = $this->validationException;
···
257
269
if ($this->flush) {
258
270
$content->addClass('phui-object-box-flush');
259
271
}
272
+
273
+
$content->addClass('phui-object-box-'.$header_color);
260
274
261
275
foreach ($this->sigils as $sigil) {
262
276
$content->addSigil($sigil);
+2
-2
src/view/phui/PHUIWorkpanelView.php
+2
-2
src/view/phui/PHUIWorkpanelView.php
···
7
7
private $editURI;
8
8
private $headerAction;
9
9
private $footerAction;
10
-
private $headerColor = PhabricatorActionHeaderView::HEADER_GREY;
10
+
private $headerColor = PHUIActionHeaderView::HEADER_GREY;
11
11
12
12
public function setHeaderAction(PHUIIconView $header_action) {
13
13
$this->headerAction = $header_action;
···
65
65
->setIconFont('fa-pencil')
66
66
->setHref($this->editURI);
67
67
}
68
-
$header = id(new PhabricatorActionHeaderView())
68
+
$header = id(new PHUIActionHeaderView())
69
69
->setHeaderTitle($this->header)
70
70
->setHeaderColor($this->headerColor);
71
71
if ($header_edit) {
+1
-1
src/view/widget/hovercard/PhabricatorHovercardView.php
+1
-1
src/view/widget/hovercard/PhabricatorHovercardView.php
+3
-3
webroot/rsrc/css/aphront/dialog-view.css
+3
-3
webroot/rsrc/css/aphront/dialog-view.css
···
20
20
margin: auto;
21
21
}
22
22
23
-
.aphront-dialog-head .phabricator-action-header {
23
+
.aphront-dialog-head .phui-action-header {
24
24
border-bottom: 1px solid {$lightblueborder};
25
25
padding: 4px 16px;
26
26
white-space: nowrap;
27
27
}
28
28
29
-
.aphront-dialog-head .phabricator-action-header
30
-
.phabricator-action-header-title {
29
+
.aphront-dialog-head .phui-action-header
30
+
.phui-action-header-title {
31
31
font-size: 15px;
32
32
color: {$bluetext};
33
33
text-shadow: 0 1px 2px #fff;
+14
-11
webroot/rsrc/css/application/config/config-welcome.css
+14
-11
webroot/rsrc/css/application/config/config-welcome.css
···
2
2
* @provides config-welcome-css
3
3
*/
4
4
5
-
.config-welcome-box {
6
-
background: #fff;
5
+
.config-welcome {
6
+
margin-top: -1px;
7
7
}
8
8
9
-
.config-welcome-box {
9
+
.config-welcome .phui-object-box {
10
10
margin: 12px;
11
11
}
12
12
13
-
.config-welcome-box-header {
14
-
border-style: solid;
15
-
border-width: 1px 1px 0;
16
-
border-color: {$lightblueborder};
13
+
.config-welcome .aphront-multi-column-column-last .phui-object-box {
14
+
margin-left: 0;
15
+
}
16
+
17
+
.config-welcome-box .phui-action-header-title {
18
+
padding: 10px 4px;
17
19
}
18
20
19
21
.config-welcome-box-content {
20
-
padding: 8px 12px;
21
-
border-style: solid;
22
-
border-width: 0 1px 1px;
23
-
border-color: {$lightblueborder};
22
+
padding: 12px;
23
+
}
24
+
25
+
.config-welcome .phui-object-box .phui-action-header {
26
+
padding: 2px 8px 2px 12px;
24
27
}
+1
-1
webroot/rsrc/css/application/dashboard/dashboard.css
+1
-1
webroot/rsrc/css/application/dashboard/dashboard.css
+4
-4
webroot/rsrc/css/application/feed/feed.css
+4
-4
webroot/rsrc/css/application/feed/feed.css
···
12
12
overflow-x: auto;
13
13
}
14
14
15
-
.phabricator-feed-frame .phabricator-action-header-title {
15
+
.phabricator-feed-frame .phui-action-header-title {
16
16
font-size: 16px;
17
17
margin-bottom: 5px;
18
18
}
···
22
22
margin: 16px;
23
23
}
24
24
25
-
.phabricator-feed-frame .phabricator-action-header {
25
+
.phabricator-feed-frame .phui-action-header {
26
26
padding: 0;
27
27
}
28
28
···
63
63
max-width: none;
64
64
}
65
65
66
-
.dashboard-panel .phabricator-feed-frame .phabricator-action-header {
66
+
.dashboard-panel .phabricator-feed-frame .phui-action-header {
67
67
background: #f7f7f7;
68
68
margin-top: -1px;
69
69
border-top: 1px solid {$thinblueborder};
70
70
}
71
71
72
-
.dashboard-panel .phabricator-feed-frame .phabricator-action-header-title {
72
+
.dashboard-panel .phabricator-feed-frame .phui-action-header-title {
73
73
font-size: 13px;
74
74
margin-left: 12px;
75
75
margin-bottom: 0;
+1
-1
webroot/rsrc/css/application/profile/profile-view.css
+1
-1
webroot/rsrc/css/application/profile/profile-view.css
+22
-50
webroot/rsrc/css/layout/phabricator-action-header-view.css
+22
-50
webroot/rsrc/css/layout/phabricator-action-header-view.css
···
1
1
/**
2
-
* @provides phabricator-action-header-view-css
2
+
* @provides phui-action-header-view-css
3
3
*/
4
4
5
-
.phabricator-action-header {
5
+
.phui-action-header {
6
6
padding: 0 5px 0 8px;
7
7
overflow: hidden;
8
8
}
9
9
10
-
.phabricator-action-header-title {
10
+
.phui-action-header-title {
11
11
color: {$darkgreytext};
12
12
float: left;
13
13
font-size: 14px;
···
18
18
-webkit-font-smoothing: antialiased;
19
19
}
20
20
21
-
.gradient-lightblue-header .phabricator-action-header-title {
21
+
.gradient-lightblue-header .phui-action-header-title {
22
22
color: {$darkbluetext};
23
23
}
24
24
25
-
.phabricator-action-header-icon-list {
25
+
.phui-action-header-icon-list {
26
26
float: right;
27
27
padding-top: 4px;
28
28
}
29
29
30
-
.phabricator-action-header-icon-item {
30
+
.phui-action-header-icon-item {
31
31
float: right;
32
32
padding-left: 4px;
33
33
}
34
34
35
-
.phabricator-action-header-icon-item .phui-icon-view {
35
+
.phui-action-header-icon-item .phui-icon-view {
36
36
display: inline-block;
37
37
font-size: 18px;
38
38
margin: 4px 0;
···
40
40
width: 18px;
41
41
}
42
42
43
-
.phabricator-action-header-icon-item .phui-tag-view {
43
+
.phui-action-header-icon-item .phui-tag-view {
44
44
margin: 4px 2px 0;
45
45
display: inline-block;
46
46
}
47
47
48
-
.phabricator-action-header-link {
48
+
.phui-action-header-link {
49
49
color: {$darkgreytext};
50
50
}
51
51
52
-
.phabricator-action-header.gradient-green-header {
53
-
background: {$green};
54
-
}
55
-
56
-
.phabricator-action-header.gradient-blue-header {
57
-
background: {$blue};
58
-
}
59
-
60
-
.phabricator-action-header.gradient-yellow-header {
61
-
background: {$yellow};
62
-
}
63
-
64
-
.phabricator-action-header.gradient-red-header {
65
-
background: {$red};
66
-
}
67
-
68
-
.phabricator-action-header.gradient-white-header {
52
+
.phui-action-header.gradient-white-header {
69
53
background: #fff;
70
54
}
71
55
72
-
.phabricator-action-header.gradient-white-header .phabricator-action-header-title {
56
+
.phui-action-header.gradient-white-header .phui-action-header-title {
73
57
color: {$darkbluetext};
74
58
padding: 12px 0 12px 4px;
75
59
}
76
60
77
-
.phabricator-action-header.gradient-white-header
78
-
.phabricator-action-header-icon-list .phui-icon-view {
61
+
.phui-action-header.gradient-white-header
62
+
.phui-action-header-icon-list .phui-icon-view {
79
63
color: {$lightbluetext};
80
64
}
81
65
82
-
.phabricator-action-header.gradient-white-header
83
-
.phabricator-action-header-icon-list .phui-icon-view:hover {
66
+
.phui-action-header.gradient-white-header
67
+
.phui-action-header-icon-list .phui-icon-view:hover {
84
68
color: {$darkbluetext};
85
69
}
86
70
87
-
.gradient-green-header .phabricator-action-header-title,
88
-
.gradient-red-header .phabricator-action-header-title,
89
-
.gradient-blue-header .phabricator-action-header-title,
90
-
.gradient-yellow-header .phabricator-action-header-title,
91
-
.gradient-green-header .phabricator-action-header-link,
92
-
.gradient-red-header .phabricator-action-header-link,
93
-
.gradient-blue-header .phabricator-action-header-link,
94
-
.gradient-yellow-header .phabricator-action-header-link {
95
-
color: #fff;
96
-
-webkit-font-smoothing: antialiased;
97
-
}
98
-
99
-
.phabricator-action-header-icon-list .phui-tag-view {
71
+
.phui-action-header-icon-list .phui-tag-view {
100
72
font-weight: normal;
101
73
}
102
74
103
-
.phabricator-action-header-title span {
75
+
.phui-action-header-title span {
104
76
float: left;
105
77
height: 16px;
106
78
width: 16px;
···
109
81
110
82
/* - Dashboards ------------------------------------------------------------ */
111
83
112
-
.dashboard-panel .phabricator-action-header.gradient-grey-header,
113
-
.dashboard-panel .phabricator-action-header.gradient-lightblue-header {
84
+
.dashboard-panel .phui-action-header.gradient-grey-header,
85
+
.dashboard-panel .phui-action-header.gradient-lightblue-header {
114
86
border: 1px solid {$lightblueborder};
115
87
border-bottom: 1px solid {$thinblueborder};
116
88
}
117
89
118
-
.dashboard-panel .phabricator-action-header.gradient-white-header {
90
+
.dashboard-panel .phui-action-header.gradient-white-header {
119
91
border: 1px solid {$lightblueborder};
120
92
border-bottom: 1px solid {$thinblueborder};
121
93
border-top-right-radius: 3px;
122
94
border-top-left-radius: 3px;
123
95
}
124
96
125
-
.dashboard-panel .phabricator-action-header.gradient-white-header
126
-
.phabricator-action-header-icon-list {
97
+
.dashboard-panel .phui-action-header.gradient-white-header
98
+
.phui-action-header-icon-list {
127
99
padding-top: 6px;
128
100
padding-right: 6px;
129
101
}
webroot/rsrc/css/layout/phabricator-action-list-view.css
webroot/rsrc/css/phui/phui-action-list.css
webroot/rsrc/css/layout/phabricator-action-list-view.css
webroot/rsrc/css/phui/phui-action-list.css
+1
-1
webroot/rsrc/css/layout/phabricator-hovercard-view.css
+1
-1
webroot/rsrc/css/layout/phabricator-hovercard-view.css
+36
webroot/rsrc/css/phui/phui-object-box.css
+36
webroot/rsrc/css/phui/phui-object-box.css
···
31
31
.device-phone .phui-object-box {
32
32
margin: 8px 8px 0 8px;
33
33
}
34
+
35
+
.phui-box-border.phui-object-box-lightgreen {
36
+
border: 1px solid {$lightgreenborder};
37
+
border-bottom: 1px solid {$greenborder};
38
+
}
39
+
40
+
.phui-box-border.phui-object-box-lightgreen .phui-action-header {
41
+
border-bottom: 1px solid {$lightgreenborder};
42
+
}
43
+
44
+
.phui-box-border.phui-object-box-lightblue {
45
+
border: 1px solid {$lightblueborder};
46
+
border-bottom: 1px solid {$blueborder};
47
+
}
48
+
49
+
.phui-box-border.phui-object-box-lightblue .phui-action-header {
50
+
border-bottom: 1px solid {$lightblueborder};
51
+
}
52
+
53
+
.phui-box-border.phui-object-box-lightred {
54
+
border: 1px solid {$lightredborder};
55
+
border-bottom: 1px solid {$redborder};
56
+
}
57
+
58
+
.phui-box-border.phui-object-box-lightred .phui-action-header {
59
+
border-bottom: 1px solid {$lightredborder};
60
+
}
61
+
62
+
.phui-box-border.phui-object-box-lightviolet {
63
+
border: 1px solid {$lightvioletborder};
64
+
border-bottom: 1px solid {$violetborder};
65
+
}
66
+
67
+
.phui-box-border.phui-object-box-lightviolet .phui-action-header {
68
+
border-bottom: 1px solid {$lightvioletborder};
69
+
}
+5
-1
webroot/rsrc/css/phui/phui-workpanel-view.css
+5
-1
webroot/rsrc/css/phui/phui-workpanel-view.css
···
2
2
* @provides phui-workpanel-view-css
3
3
*/
4
4
5
-
.phui-workpanel-view .phabricator-action-header {
5
+
.phui-workpanel-view .phui-action-header {
6
6
border: 1px solid #b3b5b6;
7
7
border-top-left-radius: 5px;
8
8
border-top-right-radius: 5px;
9
+
}
10
+
11
+
.phui-workpanel-view .phui-action-header .phui-action-header-title {
12
+
padding: 8px 0;
9
13
}
10
14
11
15
.device-phone .phui-workboard-view {
+12
webroot/rsrc/css/sprite-gradient.css
+12
webroot/rsrc/css/sprite-gradient.css
···
22
22
.gradient-lightblue-header {
23
23
background-position: 0px -142px;
24
24
}
25
+
26
+
.gradient-lightgreen-header {
27
+
background-position: 0px -383px;
28
+
}
29
+
30
+
.gradient-lightred-header {
31
+
background-position: 0px -624px;
32
+
}
33
+
34
+
.gradient-lightviolet-header {
35
+
background-position: 0px -865px;
36
+
}
webroot/rsrc/image/sprite-gradient.png
webroot/rsrc/image/sprite-gradient.png
This is a binary file and will not be displayed.