@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
Flatten Object List items and lighten up grey buttons
Summary: Moving towards a flatter, crisper layout with some minor tweaks here. The button styles and object item styles now have consistent colors and depth. Will continue to repeat this pattern and build out a standard 'grey' palette.
Test Plan: Test homepage and maniphest home.
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: Korvin, aran
Differential Revision: https://secure.phabricator.com/D6828
+57
-54
+45
-45
src/__celerity_resource_map__.php
+45
-45
src/__celerity_resource_map__.php
···
3311
3311
),
3312
3312
'phabricator-object-item-list-view-css' =>
3313
3313
array(
3314
-
'uri' => '/res/a3e45d8a/rsrc/css/layout/phabricator-object-item-list-view.css',
3314
+
'uri' => '/res/76be1f11/rsrc/css/layout/phabricator-object-item-list-view.css',
3315
3315
'type' => 'css',
3316
3316
'requires' =>
3317
3317
array(
···
3766
3766
),
3767
3767
'phui-button-css' =>
3768
3768
array(
3769
-
'uri' => '/res/aeb3d0f2/rsrc/css/phui/phui-button.css',
3769
+
'uri' => '/res/7f74b03f/rsrc/css/phui/phui-button.css',
3770
3770
'type' => 'css',
3771
3771
'requires' =>
3772
3772
array(
···
4172
4172
), array(
4173
4173
'packages' =>
4174
4174
array(
4175
-
'025a2ddd' =>
4175
+
'0b011853' =>
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/025a2ddd/core.pkg.css',
4222
+
'uri' => '/res/pkg/0b011853/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' => '025a2ddd',
4414
-
'aphront-error-view-css' => '025a2ddd',
4415
-
'aphront-list-filter-view-css' => '025a2ddd',
4416
-
'aphront-pager-view-css' => '025a2ddd',
4417
-
'aphront-panel-view-css' => '025a2ddd',
4418
-
'aphront-table-view-css' => '025a2ddd',
4419
-
'aphront-tokenizer-control-css' => '025a2ddd',
4420
-
'aphront-tooltip-css' => '025a2ddd',
4421
-
'aphront-typeahead-control-css' => '025a2ddd',
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',
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' => '025a2ddd',
4435
+
'global-drag-and-drop-css' => '0b011853',
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' => '025a2ddd',
4508
+
'lightbox-attachment-css' => '0b011853',
4509
4509
'maniphest-task-summary-css' => '06bacb9a',
4510
4510
'maniphest-transaction-detail-css' => '06bacb9a',
4511
-
'phabricator-action-list-view-css' => '025a2ddd',
4512
-
'phabricator-application-launch-view-css' => '025a2ddd',
4511
+
'phabricator-action-list-view-css' => '0b011853',
4512
+
'phabricator-application-launch-view-css' => '0b011853',
4513
4513
'phabricator-busy' => '4f81c788',
4514
4514
'phabricator-content-source-view-css' => '09216861',
4515
-
'phabricator-core-css' => '025a2ddd',
4516
-
'phabricator-crumbs-view-css' => '025a2ddd',
4515
+
'phabricator-core-css' => '0b011853',
4516
+
'phabricator-crumbs-view-css' => '0b011853',
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' => '025a2ddd',
4521
-
'phabricator-flag-css' => '025a2ddd',
4522
-
'phabricator-header-view-css' => '025a2ddd',
4520
+
'phabricator-filetree-view-css' => '0b011853',
4521
+
'phabricator-flag-css' => '0b011853',
4522
+
'phabricator-header-view-css' => '0b011853',
4523
4523
'phabricator-hovercard' => '4f81c788',
4524
-
'phabricator-jump-nav' => '025a2ddd',
4524
+
'phabricator-jump-nav' => '0b011853',
4525
4525
'phabricator-keyboard-shortcut' => '4f81c788',
4526
4526
'phabricator-keyboard-shortcut-manager' => '4f81c788',
4527
-
'phabricator-main-menu-view' => '025a2ddd',
4527
+
'phabricator-main-menu-view' => '0b011853',
4528
4528
'phabricator-menu-item' => '4f81c788',
4529
-
'phabricator-nav-view-css' => '025a2ddd',
4529
+
'phabricator-nav-view-css' => '0b011853',
4530
4530
'phabricator-notification' => '4f81c788',
4531
-
'phabricator-notification-css' => '025a2ddd',
4532
-
'phabricator-notification-menu-css' => '025a2ddd',
4533
-
'phabricator-object-item-list-view-css' => '025a2ddd',
4531
+
'phabricator-notification-css' => '0b011853',
4532
+
'phabricator-notification-menu-css' => '0b011853',
4533
+
'phabricator-object-item-list-view-css' => '0b011853',
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' => '025a2ddd',
4539
-
'phabricator-remarkup-css' => '025a2ddd',
4538
+
'phabricator-property-list-view-css' => '0b011853',
4539
+
'phabricator-remarkup-css' => '0b011853',
4540
4540
'phabricator-shaped-request' => 'd07a3bc2',
4541
-
'phabricator-side-menu-view-css' => '025a2ddd',
4542
-
'phabricator-standard-page-view' => '025a2ddd',
4543
-
'phabricator-tag-view-css' => '025a2ddd',
4541
+
'phabricator-side-menu-view-css' => '0b011853',
4542
+
'phabricator-standard-page-view' => '0b011853',
4543
+
'phabricator-tag-view-css' => '0b011853',
4544
4544
'phabricator-textareautils' => '4f81c788',
4545
4545
'phabricator-tooltip' => '4f81c788',
4546
-
'phabricator-transaction-view-css' => '025a2ddd',
4547
-
'phabricator-zindex-css' => '025a2ddd',
4548
-
'phui-button-css' => '025a2ddd',
4549
-
'phui-form-css' => '025a2ddd',
4550
-
'phui-form-view-css' => '025a2ddd',
4551
-
'phui-icon-view-css' => '025a2ddd',
4552
-
'phui-spacing-css' => '025a2ddd',
4553
-
'sprite-apps-large-css' => '025a2ddd',
4554
-
'sprite-gradient-css' => '025a2ddd',
4555
-
'sprite-icons-css' => '025a2ddd',
4556
-
'sprite-menu-css' => '025a2ddd',
4557
-
'syntax-highlighting-css' => '025a2ddd',
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',
4558
4558
),
4559
4559
));
+4
-6
webroot/rsrc/css/layout/phabricator-object-item-list-view.css
+4
-6
webroot/rsrc/css/layout/phabricator-object-item-list-view.css
···
25
25
.phabricator-object-item {
26
26
background: #ffffff;
27
27
border-style: solid;
28
-
border-color: #c0c5d1;
28
+
border-color: #BBC0CC;
29
29
border-width: 0 0 0 4px;
30
30
margin: 5px 0;
31
-
32
31
overflow: hidden;
33
-
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.10);
34
32
}
35
33
36
34
.phabricator-object-item .phui-icon-view {
···
39
37
40
38
.phabricator-object-item-frame {
41
39
border-style: solid;
42
-
border-color: #c0c5d1;
40
+
border-color: #BBC0CC;
41
+
border-bottom-color: #A2A6B0;
43
42
border-width: 1px 1px 1px 0;
44
43
overflow: hidden;
45
44
position: relative;
···
111
110
bottom: 0;
112
111
vertical-align: middle;
113
112
text-align: right;
114
-
border-left: 1px solid #c0c5d1;
115
-
box-shadow: inset 1px 0 1px 0px rgba(0, 0, 0, 0.07);
113
+
border-left: 1px solid #BBC0CC;
116
114
}
117
115
118
116
.phabricator-object-item-actions .phui-list-item-view {