@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
[redesign] Tokens and List
Summary: Takes a pass at standardizing spacing and colors for lists and tokens.
Test Plan: Tested a lot of lists, policy, timeline, quick create, diffusion.
Reviewers: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D9325
+93
-87
+49
-49
resources/celerity/map.php
+49
-49
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => '45c8100d',
10
+
'core.pkg.css' => 'ac63f8ac',
11
11
'core.pkg.js' => '7db41c19',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => 'fbf57382',
14
-
'differential.pkg.js' => 'f4c86691',
14
+
'differential.pkg.js' => '74cb0d29',
15
15
'diffusion.pkg.css' => '3783278d',
16
16
'diffusion.pkg.js' => '077e3ad0',
17
17
'maniphest.pkg.css' => 'f88a8402',
···
30
30
'rsrc/css/aphront/phabricator-nav-view.css' => '9283c2df',
31
31
'rsrc/css/aphront/request-failure-view.css' => 'da14df31',
32
32
'rsrc/css/aphront/table-view.css' => '88e80148',
33
-
'rsrc/css/aphront/tokenizer.css' => '36903077',
33
+
'rsrc/css/aphront/tokenizer.css' => '82ce2142',
34
34
'rsrc/css/aphront/tooltip.css' => '9c90229d',
35
35
'rsrc/css/aphront/transaction.css' => 'ce491938',
36
36
'rsrc/css/aphront/two-column.css' => '16ab3ad2',
37
37
'rsrc/css/aphront/typeahead.css' => 'a989b5b3',
38
38
'rsrc/css/application/auth/auth.css' => '1e655982',
39
-
'rsrc/css/application/base/main-menu-view.css' => '5f08823b',
39
+
'rsrc/css/application/base/main-menu-view.css' => '72d1d2ef',
40
40
'rsrc/css/application/base/notification-menu.css' => '8637a3db',
41
41
'rsrc/css/application/base/phabricator-application-launch-view.css' => '137e794e',
42
42
'rsrc/css/application/base/standard-page-view.css' => '517cdfb1',
···
44
44
'rsrc/css/application/config/config-options.css' => '7fedf08b',
45
45
'rsrc/css/application/config/config-template.css' => '25d446d6',
46
46
'rsrc/css/application/config/setup-issue.css' => '69e640e7',
47
-
'rsrc/css/application/conpherence/menu.css' => '3690ec7a',
47
+
'rsrc/css/application/conpherence/menu.css' => '828ddd3e',
48
48
'rsrc/css/application/conpherence/message-pane.css' => '7703a9a9',
49
49
'rsrc/css/application/conpherence/notification.css' => '04a6e10a',
50
50
'rsrc/css/application/conpherence/update.css' => '1099a660',
···
113
113
'rsrc/css/diviner/diviner-shared.css' => '38813222',
114
114
'rsrc/css/font/font-awesome.css' => '73d075c3',
115
115
'rsrc/css/font/font-source-sans-pro.css' => '91d53463',
116
-
'rsrc/css/font/phui-font-icon-base.css' => '3b2f9260',
116
+
'rsrc/css/font/phui-font-icon-base.css' => 'eb84f033',
117
117
'rsrc/css/layout/phabricator-action-header-view.css' => '33a4590a',
118
-
'rsrc/css/layout/phabricator-action-list-view.css' => '020d6dab',
118
+
'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854',
119
119
'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6',
120
120
'rsrc/css/layout/phabricator-filetree-view.css' => 'a8c86ace',
121
121
'rsrc/css/layout/phabricator-hovercard-view.css' => '46a13cf0',
122
-
'rsrc/css/layout/phabricator-side-menu-view.css' => '4372f3bd',
122
+
'rsrc/css/layout/phabricator-side-menu-view.css' => 'c1986b85',
123
123
'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814',
124
124
'rsrc/css/phui/calendar/phui-calendar-day.css' => 'de035c8a',
125
125
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1d0ca59',
126
126
'rsrc/css/phui/calendar/phui-calendar-month.css' => 'a92e47d2',
127
127
'rsrc/css/phui/calendar/phui-calendar.css' => '5e1ad989',
128
128
'rsrc/css/phui/phui-box.css' => '7b3a2eed',
129
-
'rsrc/css/phui/phui-button.css' => '3dbdbf0d',
129
+
'rsrc/css/phui/phui-button.css' => 'd26cad6e',
130
130
'rsrc/css/phui/phui-document.css' => '3b078dc0',
131
131
'rsrc/css/phui/phui-feed-story.css' => 'e2c9bc83',
132
132
'rsrc/css/phui/phui-fontkit.css' => 'de84aa4a',
···
135
135
'rsrc/css/phui/phui-header-view.css' => '689dbc38',
136
136
'rsrc/css/phui/phui-icon.css' => 'cdcf2aca',
137
137
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
138
-
'rsrc/css/phui/phui-list.css' => 'bf15683f',
138
+
'rsrc/css/phui/phui-list.css' => '43ed2d93',
139
139
'rsrc/css/phui/phui-object-box.css' => 'ce92d8ec',
140
140
'rsrc/css/phui/phui-object-item-list-view.css' => '16003f41',
141
141
'rsrc/css/phui/phui-pinboard-view.css' => '874c22f9',
···
145
145
'rsrc/css/phui/phui-status.css' => '2f562399',
146
146
'rsrc/css/phui/phui-tag-view.css' => '74051f4e',
147
147
'rsrc/css/phui/phui-text.css' => '23e9b4b7',
148
-
'rsrc/css/phui/phui-timeline-view.css' => '15ff2a9f',
148
+
'rsrc/css/phui/phui-timeline-view.css' => 'bbd990d0',
149
149
'rsrc/css/phui/phui-workboard-view.css' => '2bf82d00',
150
150
'rsrc/css/phui/phui-workpanel-view.css' => 'fddd97bf',
151
151
'rsrc/css/sprite-apps-large.css' => '12ea1ced',
···
359
359
'rsrc/js/application/differential/behavior-comment-jump.js' => '71755c79',
360
360
'rsrc/js/application/differential/behavior-comment-preview.js' => '127f2018',
361
361
'rsrc/js/application/differential/behavior-diff-radios.js' => 'e1ff79b1',
362
-
'rsrc/js/application/differential/behavior-dropdown-menus.js' => 'dfd45180',
362
+
'rsrc/js/application/differential/behavior-dropdown-menus.js' => '9f0dfafa',
363
363
'rsrc/js/application/differential/behavior-edit-inline-comments.js' => '00861799',
364
364
'rsrc/js/application/differential/behavior-keyboard-nav.js' => '173ce7e7',
365
365
'rsrc/js/application/differential/behavior-populate.js' => 'dfdf9f34',
···
401
401
'rsrc/js/application/phortune/behavior-stripe-payment-form.js' => '1693a296',
402
402
'rsrc/js/application/phortune/behavior-test-payment-form.js' => 'b3e5ee60',
403
403
'rsrc/js/application/phortune/phortune-credit-card-form.js' => '2290aeef',
404
-
'rsrc/js/application/policy/behavior-policy-control.js' => '71b4cbcc',
404
+
'rsrc/js/application/policy/behavior-policy-control.js' => 'f3fef818',
405
405
'rsrc/js/application/policy/behavior-policy-rule-editor.js' => '263aeb8c',
406
406
'rsrc/js/application/ponder/behavior-votebox.js' => '327dbe61',
407
407
'rsrc/js/application/projects/behavior-boards-filter.js' => '22f113af',
···
498
498
'aphront-panel-view-css' => '5846dfa2',
499
499
'aphront-request-failure-view-css' => 'da14df31',
500
500
'aphront-table-view-css' => '88e80148',
501
-
'aphront-tokenizer-control-css' => '36903077',
501
+
'aphront-tokenizer-control-css' => '82ce2142',
502
502
'aphront-tooltip-css' => '9c90229d',
503
503
'aphront-two-column-view-css' => '16ab3ad2',
504
504
'aphront-typeahead-control-css' => 'a989b5b3',
505
505
'auth-css' => '1e655982',
506
506
'config-options-css' => '7fedf08b',
507
-
'conpherence-menu-css' => '3690ec7a',
507
+
'conpherence-menu-css' => '828ddd3e',
508
508
'conpherence-message-pane-css' => '7703a9a9',
509
509
'conpherence-notification-css' => '04a6e10a',
510
510
'conpherence-update-css' => '1099a660',
···
555
555
'javelin-behavior-differential-add-reviewers-and-ccs' => '533a187b',
556
556
'javelin-behavior-differential-comment-jump' => '71755c79',
557
557
'javelin-behavior-differential-diff-radios' => 'e1ff79b1',
558
-
'javelin-behavior-differential-dropdown-menus' => 'dfd45180',
558
+
'javelin-behavior-differential-dropdown-menus' => '9f0dfafa',
559
559
'javelin-behavior-differential-edit-inline-comments' => '00861799',
560
560
'javelin-behavior-differential-feedback-preview' => '127f2018',
561
561
'javelin-behavior-differential-keyboard-navigation' => '173ce7e7',
···
620
620
'javelin-behavior-pholio-mock-view' => '28497740',
621
621
'javelin-behavior-phui-object-box-tabs' => 'a3e2244e',
622
622
'javelin-behavior-phui-timeline-dropdown-menu' => '4d94d9c3',
623
-
'javelin-behavior-policy-control' => '71b4cbcc',
623
+
'javelin-behavior-policy-control' => 'f3fef818',
624
624
'javelin-behavior-policy-rule-editor' => '263aeb8c',
625
625
'javelin-behavior-ponder-votebox' => '327dbe61',
626
626
'javelin-behavior-project-boards' => 'd8e135db',
···
689
689
'path-typeahead' => 'f7fc67ec',
690
690
'people-profile-css' => 'ba7b2762',
691
691
'phabricator-action-header-view-css' => '33a4590a',
692
-
'phabricator-action-list-view-css' => '020d6dab',
692
+
'phabricator-action-list-view-css' => 'dcbfc854',
693
693
'phabricator-application-launch-view-css' => '137e794e',
694
694
'phabricator-busy' => '6453c869',
695
695
'phabricator-chatlog-css' => '852140ff',
···
710
710
'phabricator-jump-nav' => 'f0c5e726',
711
711
'phabricator-keyboard-shortcut' => '1ae869f2',
712
712
'phabricator-keyboard-shortcut-manager' => 'ad7a69ca',
713
-
'phabricator-main-menu-view' => '5f08823b',
713
+
'phabricator-main-menu-view' => '72d1d2ef',
714
714
'phabricator-nav-view-css' => '9283c2df',
715
715
'phabricator-notification' => '0c6946e7',
716
716
'phabricator-notification-css' => 'ef2c9b34',
···
724
724
'phabricator-search-results-css' => 'f240504c',
725
725
'phabricator-settings-css' => 'ea8f5915',
726
726
'phabricator-shaped-request' => '7cbe244b',
727
-
'phabricator-side-menu-view-css' => '4372f3bd',
727
+
'phabricator-side-menu-view-css' => 'c1986b85',
728
728
'phabricator-slowvote-css' => '266df6a1',
729
729
'phabricator-source-code-view-css' => '62a99814',
730
730
'phabricator-standard-page-view' => '517cdfb1',
···
752
752
'phrequent-css' => 'ffc185ad',
753
753
'phriction-document-css' => '7d7f0071',
754
754
'phui-box-css' => '7b3a2eed',
755
-
'phui-button-css' => '3dbdbf0d',
755
+
'phui-button-css' => 'd26cad6e',
756
756
'phui-calendar-css' => '5e1ad989',
757
757
'phui-calendar-day-css' => 'de035c8a',
758
758
'phui-calendar-list-css' => 'c1d0ca59',
759
759
'phui-calendar-month-css' => 'a92e47d2',
760
760
'phui-document-view-css' => '3b078dc0',
761
761
'phui-feed-story-css' => 'e2c9bc83',
762
-
'phui-font-icon-base-css' => '3b2f9260',
762
+
'phui-font-icon-base-css' => 'eb84f033',
763
763
'phui-fontkit-css' => 'de84aa4a',
764
764
'phui-form-css' => 'b78ec020',
765
765
'phui-form-view-css' => 'ed856191',
766
766
'phui-header-view-css' => '689dbc38',
767
767
'phui-icon-view-css' => 'cdcf2aca',
768
768
'phui-info-panel-css' => '27ea50a1',
769
-
'phui-list-view-css' => 'bf15683f',
769
+
'phui-list-view-css' => '43ed2d93',
770
770
'phui-object-box-css' => 'ce92d8ec',
771
771
'phui-object-item-list-view-css' => '16003f41',
772
772
'phui-pinboard-view-css' => '874c22f9',
···
776
776
'phui-status-list-view-css' => '2f562399',
777
777
'phui-tag-view-css' => '74051f4e',
778
778
'phui-text-css' => '23e9b4b7',
779
-
'phui-timeline-view-css' => '15ff2a9f',
779
+
'phui-timeline-view-css' => 'bbd990d0',
780
780
'phui-workboard-view-css' => '2bf82d00',
781
781
'phui-workpanel-view-css' => 'fddd97bf',
782
782
'phuix-action-list-view' => 'b5c256b8',
···
1332
1332
1 => 'javelin-stratcom',
1333
1333
2 => 'javelin-dom',
1334
1334
),
1335
-
'71b4cbcc' =>
1336
-
array(
1337
-
0 => 'javelin-behavior',
1338
-
1 => 'javelin-dom',
1339
-
2 => 'javelin-util',
1340
-
3 => 'phuix-dropdown-menu',
1341
-
4 => 'phuix-action-list-view',
1342
-
5 => 'phuix-action-view',
1343
-
6 => 'javelin-workflow',
1344
-
),
1345
1335
'7319e029' =>
1346
1336
array(
1347
1337
0 => 'javelin-behavior',
···
1427
1417
array(
1428
1418
0 => 'javelin-behavior',
1429
1419
1 => 'javelin-history',
1420
+
),
1421
+
'82ce2142' =>
1422
+
array(
1423
+
0 => 'aphront-typeahead-control-css',
1430
1424
),
1431
1425
'82f568cd' =>
1432
1426
array(
···
1566
1560
1 => 'javelin-dom',
1567
1561
2 => 'javelin-uri',
1568
1562
3 => 'javelin-request',
1563
+
),
1564
+
'9f0dfafa' =>
1565
+
array(
1566
+
0 => 'javelin-behavior',
1567
+
1 => 'javelin-dom',
1568
+
2 => 'javelin-util',
1569
+
3 => 'javelin-stratcom',
1570
+
4 => 'phuix-dropdown-menu',
1571
+
5 => 'phuix-action-list-view',
1572
+
6 => 'phuix-action-view',
1573
+
7 => 'phabricator-phtize',
1569
1574
),
1570
1575
'a3e2244e' =>
1571
1576
array(
···
1893
1898
1 => 'javelin-dom',
1894
1899
2 => 'phabricator-prefab',
1895
1900
),
1896
-
'dfd45180' =>
1897
-
array(
1898
-
0 => 'javelin-behavior',
1899
-
1 => 'javelin-dom',
1900
-
2 => 'javelin-util',
1901
-
3 => 'javelin-stratcom',
1902
-
4 => 'phuix-dropdown-menu',
1903
-
5 => 'phuix-action-list-view',
1904
-
6 => 'phuix-action-view',
1905
-
7 => 'phabricator-phtize',
1906
-
),
1907
1901
'dfdf9f34' =>
1908
1902
array(
1909
1903
0 => 'javelin-behavior',
···
1980
1974
3 => 'javelin-install',
1981
1975
4 => 'javelin-request',
1982
1976
5 => 'javelin-workflow',
1977
+
),
1978
+
'f3fef818' =>
1979
+
array(
1980
+
0 => 'javelin-behavior',
1981
+
1 => 'javelin-dom',
1982
+
2 => 'javelin-util',
1983
+
3 => 'phuix-dropdown-menu',
1984
+
4 => 'phuix-action-list-view',
1985
+
5 => 'phuix-action-view',
1986
+
6 => 'javelin-workflow',
1983
1987
),
1984
1988
'f42bb8c6' =>
1985
1989
array(
···
2072
2076
9 => 'javelin-mask',
2073
2077
10 => 'javelin-behavior-device',
2074
2078
11 => 'phabricator-keyboard-shortcut',
2075
-
),
2076
-
36903077 =>
2077
-
array(
2078
-
0 => 'aphront-typeahead-control-css',
2079
2079
),
2080
2080
42126667 =>
2081
2081
array(
+1
-1
src/view/control/AphrontTokenizerTemplateView.php
+1
-1
src/view/control/AphrontTokenizerTemplateView.php
+1
webroot/rsrc/css/aphront/tokenizer.css
+1
webroot/rsrc/css/aphront/tokenizer.css
+1
-1
webroot/rsrc/css/font/phui-font-icon-base.css
+1
-1
webroot/rsrc/css/font/phui-font-icon-base.css
+16
-4
webroot/rsrc/css/layout/phabricator-action-list-view.css
+16
-4
webroot/rsrc/css/layout/phabricator-action-list-view.css
···
6
6
font-size: 12px;
7
7
}
8
8
9
+
.phuix-dropdown-menu .phabricator-action-list-view {
10
+
font-size: 13px;
11
+
}
12
+
9
13
.device .phabricator-action-list-view {
10
14
padding: 4px 0;
11
15
display: none;
···
36
40
}
37
41
38
42
.phabricator-action-view {
39
-
padding: 1px 0;
40
43
position: relative;
41
44
}
42
45
···
61
64
62
65
.phabricator-action-view button.phabricator-action-view-item,
63
66
.phabricator-action-view-item {
64
-
padding: 2px 4px 2px 28px;
67
+
padding: 3px 4px 3px 28px;
65
68
line-height: 18px;
66
69
display: block;
67
70
text-decoration: none;
···
79
82
80
83
.device-desktop .phabricator-action-view:hover .phabricator-action-view-item {
81
84
text-decoration: none;
82
-
background-color: {$blue};
85
+
background-color: {$sky};
83
86
color: #fff;
84
87
}
85
88
···
93
96
}
94
97
95
98
.phabricator-action-view-selected {
96
-
background: {$lightblue};
99
+
border-left: 3px solid {$sky};
100
+
background: {$hoverblue};
101
+
}
102
+
103
+
.phabricator-action-view-selected .phabricator-action-view-item {
104
+
padding-left: 25px;
105
+
}
106
+
107
+
.phabricator-action-view-selected .phabricator-action-view-icon {
108
+
left: 6px;
97
109
}
98
110
99
111
.phabricator-action-view button[disabled] {
+7
-10
webroot/rsrc/css/phui/phui-list.css
+7
-10
webroot/rsrc/css/phui/phui-list.css
···
4
4
5
5
.phui-list-item-header,
6
6
.phui-list-item-header a {
7
-
color: #9ca5b5;
8
-
text-transform: uppercase;
7
+
color: {$bluetext};
9
8
font-weight: bold;
10
-
font-size: 12px;
11
-
text-shadow: 0 1px 0 rgba(255,255,255,0.90);
9
+
-webkit-font-smoothing: antialiased;
12
10
}
13
11
14
12
/* - Sidenav and Actions -------------------------------------------------------
···
22
20
}
23
21
24
22
.phui-list-sidenav .phui-list-item-type-label .phui-list-item-name {
25
-
font-size: 12px;
26
23
font-weight: bold;
27
-
color: #9ca5b5;
28
-
text-transform: uppercase;
29
-
padding: 4px 8px 4px 8px;
24
+
color: {$bluetext};
25
+
padding: 4px 8px 6px 8px;
30
26
display: block;
27
+
-webkit-font-smoothing: antialiased;
31
28
}
32
29
33
30
.phui-list-sidenav .phui-list-item-type-divider {
···
60
57
display: block;
61
58
padding: 4px 16px;
62
59
clear: both;
63
-
color: #333333;
60
+
color: {$darkgreytext};
64
61
line-height: 18px;
65
62
}
66
63
···
69
66
}
70
67
71
68
.device-desktop .phui-list-sidenav .phui-list-item-href:hover {
72
-
background: {$blue};
69
+
background: {$sky};
73
70
color: white;
74
71
cursor: pointer;
75
72
text-decoration: none;
+1
-6
webroot/rsrc/css/phui/phui-timeline-view.css
+1
-6
webroot/rsrc/css/phui/phui-timeline-view.css
···
358
358
}
359
359
360
360
.phui-timeline-menu.phuix-dropdown-open {
361
-
background: {$blue};
362
-
}
363
-
364
-
.phui-timeline-menu.phuix-dropdown-open .phui-icon-view,
365
-
.device-desktop a.phuix-dropdown-open:hover .phui-icon-view {
366
-
color: #ffffff;
361
+
background: {$hovergrey};
367
362
}
+1
-1
webroot/rsrc/js/application/policy/behavior-policy-control.js
+1
-1
webroot/rsrc/js/application/policy/behavior-policy-control.js