@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
Misc CSS tweaks, timeline, mobile
Summary:
- Fixes line height when many long tasks are attached to a task.
- Tightens up mobile layout of timeline and object box
- Clean up aphront context bar
Test Plan: Tested all the changes, made tasks, stared at pixels.
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: Korvin, aran
Maniphest Tasks: T3891
Differential Revision: https://secure.phabricator.com/D7169
+72
-64
+49
-49
src/__celerity_resource_map__.php
+49
-49
src/__celerity_resource_map__.php
···
818
818
),
819
819
'aphront-contextbar-view-css' =>
820
820
array(
821
-
'uri' => '/res/1ddb40ec/rsrc/css/aphront/context-bar.css',
821
+
'uri' => '/res/46c6248f/rsrc/css/aphront/context-bar.css',
822
822
'type' => 'css',
823
823
'requires' =>
824
824
array(
···
3018
3018
),
3019
3019
'phabricator-action-list-view-css' =>
3020
3020
array(
3021
-
'uri' => '/res/ade71822/rsrc/css/layout/phabricator-action-list-view.css',
3021
+
'uri' => '/res/89534fee/rsrc/css/layout/phabricator-action-list-view.css',
3022
3022
'type' => 'css',
3023
3023
'requires' =>
3024
3024
array(
···
3474
3474
),
3475
3475
'phabricator-timeline-view-css' =>
3476
3476
array(
3477
-
'uri' => '/res/09567421/rsrc/css/layout/phabricator-timeline-view.css',
3477
+
'uri' => '/res/c3898a8b/rsrc/css/layout/phabricator-timeline-view.css',
3478
3478
'type' => 'css',
3479
3479
'requires' =>
3480
3480
array(
···
3805
3805
),
3806
3806
'phui-object-box-css' =>
3807
3807
array(
3808
-
'uri' => '/res/3c1129d2/rsrc/css/phui/phui-object-box.css',
3808
+
'uri' => '/res/9e56634a/rsrc/css/phui/phui-object-box.css',
3809
3809
'type' => 'css',
3810
3810
'requires' =>
3811
3811
array(
···
4184
4184
), array(
4185
4185
'packages' =>
4186
4186
array(
4187
-
'9d16ff0b' =>
4187
+
'a20e63b0' =>
4188
4188
array(
4189
4189
'name' => 'core.pkg.css',
4190
4190
'symbols' =>
···
4233
4233
41 => 'phabricator-tag-view-css',
4234
4234
42 => 'phui-list-view-css',
4235
4235
),
4236
-
'uri' => '/res/pkg/9d16ff0b/core.pkg.css',
4236
+
'uri' => '/res/pkg/a20e63b0/core.pkg.css',
4237
4237
'type' => 'css',
4238
4238
),
4239
4239
'64eeda79' =>
···
4425
4425
),
4426
4426
'reverse' =>
4427
4427
array(
4428
-
'aphront-dialog-view-css' => '9d16ff0b',
4429
-
'aphront-error-view-css' => '9d16ff0b',
4430
-
'aphront-list-filter-view-css' => '9d16ff0b',
4431
-
'aphront-pager-view-css' => '9d16ff0b',
4432
-
'aphront-panel-view-css' => '9d16ff0b',
4433
-
'aphront-table-view-css' => '9d16ff0b',
4434
-
'aphront-tokenizer-control-css' => '9d16ff0b',
4435
-
'aphront-tooltip-css' => '9d16ff0b',
4436
-
'aphront-typeahead-control-css' => '9d16ff0b',
4428
+
'aphront-dialog-view-css' => 'a20e63b0',
4429
+
'aphront-error-view-css' => 'a20e63b0',
4430
+
'aphront-list-filter-view-css' => 'a20e63b0',
4431
+
'aphront-pager-view-css' => 'a20e63b0',
4432
+
'aphront-panel-view-css' => 'a20e63b0',
4433
+
'aphront-table-view-css' => 'a20e63b0',
4434
+
'aphront-tokenizer-control-css' => 'a20e63b0',
4435
+
'aphront-tooltip-css' => 'a20e63b0',
4436
+
'aphront-typeahead-control-css' => 'a20e63b0',
4437
4437
'differential-changeset-view-css' => 'b55e602f',
4438
4438
'differential-core-view-css' => 'b55e602f',
4439
4439
'differential-inline-comment-editor' => '5e9e5c4e',
···
4447
4447
'differential-table-of-contents-css' => 'b55e602f',
4448
4448
'diffusion-commit-view-css' => 'c8ce2d88',
4449
4449
'diffusion-icons-css' => 'c8ce2d88',
4450
-
'global-drag-and-drop-css' => '9d16ff0b',
4450
+
'global-drag-and-drop-css' => 'a20e63b0',
4451
4451
'inline-comment-summary-css' => 'b55e602f',
4452
4452
'javelin-aphlict' => '64eeda79',
4453
4453
'javelin-behavior' => '9564fa17',
···
4522
4522
'javelin-util' => '9564fa17',
4523
4523
'javelin-vector' => '9564fa17',
4524
4524
'javelin-workflow' => '9564fa17',
4525
-
'lightbox-attachment-css' => '9d16ff0b',
4525
+
'lightbox-attachment-css' => 'a20e63b0',
4526
4526
'maniphest-task-summary-css' => '49898640',
4527
-
'phabricator-action-list-view-css' => '9d16ff0b',
4528
-
'phabricator-application-launch-view-css' => '9d16ff0b',
4527
+
'phabricator-action-list-view-css' => 'a20e63b0',
4528
+
'phabricator-application-launch-view-css' => 'a20e63b0',
4529
4529
'phabricator-busy' => '64eeda79',
4530
4530
'phabricator-content-source-view-css' => 'b55e602f',
4531
-
'phabricator-core-css' => '9d16ff0b',
4532
-
'phabricator-crumbs-view-css' => '9d16ff0b',
4531
+
'phabricator-core-css' => 'a20e63b0',
4532
+
'phabricator-crumbs-view-css' => 'a20e63b0',
4533
4533
'phabricator-drag-and-drop-file-upload' => '5e9e5c4e',
4534
4534
'phabricator-dropdown-menu' => '64eeda79',
4535
4535
'phabricator-file-upload' => '64eeda79',
4536
-
'phabricator-filetree-view-css' => '9d16ff0b',
4537
-
'phabricator-flag-css' => '9d16ff0b',
4536
+
'phabricator-filetree-view-css' => 'a20e63b0',
4537
+
'phabricator-flag-css' => 'a20e63b0',
4538
4538
'phabricator-hovercard' => '64eeda79',
4539
-
'phabricator-jump-nav' => '9d16ff0b',
4539
+
'phabricator-jump-nav' => 'a20e63b0',
4540
4540
'phabricator-keyboard-shortcut' => '64eeda79',
4541
4541
'phabricator-keyboard-shortcut-manager' => '64eeda79',
4542
-
'phabricator-main-menu-view' => '9d16ff0b',
4542
+
'phabricator-main-menu-view' => 'a20e63b0',
4543
4543
'phabricator-menu-item' => '64eeda79',
4544
-
'phabricator-nav-view-css' => '9d16ff0b',
4544
+
'phabricator-nav-view-css' => 'a20e63b0',
4545
4545
'phabricator-notification' => '64eeda79',
4546
-
'phabricator-notification-css' => '9d16ff0b',
4547
-
'phabricator-notification-menu-css' => '9d16ff0b',
4546
+
'phabricator-notification-css' => 'a20e63b0',
4547
+
'phabricator-notification-menu-css' => 'a20e63b0',
4548
4548
'phabricator-object-selector-css' => 'b55e602f',
4549
4549
'phabricator-phtize' => '64eeda79',
4550
4550
'phabricator-prefab' => '64eeda79',
4551
4551
'phabricator-project-tag-css' => '49898640',
4552
-
'phabricator-property-list-view-css' => '9d16ff0b',
4553
-
'phabricator-remarkup-css' => '9d16ff0b',
4552
+
'phabricator-property-list-view-css' => 'a20e63b0',
4553
+
'phabricator-remarkup-css' => 'a20e63b0',
4554
4554
'phabricator-shaped-request' => '5e9e5c4e',
4555
-
'phabricator-side-menu-view-css' => '9d16ff0b',
4556
-
'phabricator-standard-page-view' => '9d16ff0b',
4557
-
'phabricator-tag-view-css' => '9d16ff0b',
4555
+
'phabricator-side-menu-view-css' => 'a20e63b0',
4556
+
'phabricator-standard-page-view' => 'a20e63b0',
4557
+
'phabricator-tag-view-css' => 'a20e63b0',
4558
4558
'phabricator-textareautils' => '64eeda79',
4559
4559
'phabricator-tooltip' => '64eeda79',
4560
-
'phabricator-transaction-view-css' => '9d16ff0b',
4561
-
'phabricator-zindex-css' => '9d16ff0b',
4562
-
'phui-button-css' => '9d16ff0b',
4563
-
'phui-form-css' => '9d16ff0b',
4564
-
'phui-form-view-css' => '9d16ff0b',
4565
-
'phui-header-view-css' => '9d16ff0b',
4566
-
'phui-icon-view-css' => '9d16ff0b',
4567
-
'phui-list-view-css' => '9d16ff0b',
4568
-
'phui-object-item-list-view-css' => '9d16ff0b',
4569
-
'phui-spacing-css' => '9d16ff0b',
4570
-
'sprite-apps-large-css' => '9d16ff0b',
4571
-
'sprite-gradient-css' => '9d16ff0b',
4572
-
'sprite-icons-css' => '9d16ff0b',
4573
-
'sprite-menu-css' => '9d16ff0b',
4574
-
'sprite-status-css' => '9d16ff0b',
4575
-
'syntax-highlighting-css' => '9d16ff0b',
4560
+
'phabricator-transaction-view-css' => 'a20e63b0',
4561
+
'phabricator-zindex-css' => 'a20e63b0',
4562
+
'phui-button-css' => 'a20e63b0',
4563
+
'phui-form-css' => 'a20e63b0',
4564
+
'phui-form-view-css' => 'a20e63b0',
4565
+
'phui-header-view-css' => 'a20e63b0',
4566
+
'phui-icon-view-css' => 'a20e63b0',
4567
+
'phui-list-view-css' => 'a20e63b0',
4568
+
'phui-object-item-list-view-css' => 'a20e63b0',
4569
+
'phui-spacing-css' => 'a20e63b0',
4570
+
'sprite-apps-large-css' => 'a20e63b0',
4571
+
'sprite-gradient-css' => 'a20e63b0',
4572
+
'sprite-icons-css' => 'a20e63b0',
4573
+
'sprite-menu-css' => 'a20e63b0',
4574
+
'sprite-status-css' => 'a20e63b0',
4575
+
'syntax-highlighting-css' => 'a20e63b0',
4576
4576
),
4577
4577
));
+5
-8
webroot/rsrc/css/aphront/context-bar.css
+5
-8
webroot/rsrc/css/aphront/context-bar.css
···
3
3
*/
4
4
5
5
.aphront-contextbar-view {
6
-
background: #efefef;
7
-
padding: 6px 2em;
8
-
border-bottom: 1px solid #dfdfdf;
9
-
}
10
-
11
-
.aphront-contextbar-core {
6
+
background: #fff;
7
+
padding: 8px 16px;
8
+
border-bottom: 1px solid {$lightblueborder};
12
9
}
13
10
14
11
.aphront-contextbar-content {
15
12
padding-top: 5px;
16
13
font-size: 13px;
17
-
color: {$greytext};
14
+
color: {$bluetext};
18
15
}
19
16
20
17
.aphront-contextbar-buttons {
···
23
20
24
21
.aphront-contextbar-buttons label {
25
22
font-weight: bold;
26
-
color: {$greytext};
23
+
color: {$bluetext};
27
24
}
28
25
29
26
.aphront-contextbar-buttons a {
+3
-3
webroot/rsrc/css/layout/phabricator-action-list-view.css
+3
-3
webroot/rsrc/css/layout/phabricator-action-list-view.css
···
78
78
79
79
.phabricator-action-view button.phabricator-action-view-item,
80
80
.phabricator-action-view-item {
81
-
padding: 1px 0 1px 34px;
81
+
padding: 1px 0 1px 28px;
82
82
line-height: 20px;
83
83
display: block;
84
84
font-size: 12px;
···
91
91
height: 14px;
92
92
position: absolute;
93
93
top: 5px;
94
-
left: 13px;
94
+
left: 8px;
95
95
}
96
96
97
97
.device-desktop .phabricator-action-view:hover .phabricator-action-view-item {
98
98
text-decoration: none;
99
-
background-color: #3875d7;
99
+
background-color: {$blue};
100
100
color: #ffffff;
101
101
}
102
102
+7
-4
webroot/rsrc/css/layout/phabricator-timeline-view.css
+7
-4
webroot/rsrc/css/layout/phabricator-timeline-view.css
···
6
6
padding: 0 16px;
7
7
}
8
8
9
+
.device-phone .phabricator-timeline-view {
10
+
padding: 0;
11
+
}
12
+
9
13
.phabricator-timeline-group {
10
14
border-width: 0 3px;
11
15
border-style: solid;
···
43
47
}
44
48
45
49
.phabricator-timeline-title {
46
-
line-height: 28px;
47
-
min-height: 28px;
50
+
line-height: 18px;
51
+
min-height: 18px;
48
52
position: relative;
49
53
}
50
54
···
89
93
}
90
94
91
95
.phabricator-timeline-title {
92
-
padding: 0 5px;
96
+
padding: 5px;
93
97
overflow-x: auto;
94
98
overflow-y: hidden;
95
99
}
···
106
110
.phabricator-timeline-core-content {
107
111
overflow-x: auto;
108
112
}
109
-
110
113
111
114
.device .phabricator-timeline-event-view {
112
115
min-height: 23px;