revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-18 21:02:41 +01:00
Code Issues Releases Wiki Activity

Reorganize phui-object-item CSS, add drag ui

Browse source 
Summary: Reorgaizes the CSS here a bit, by object list style, adds in a new drag ui class, which will be used in menu ordering.

Test Plan:
Workboards, Home Apps.

{F2126266}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D17057
This commit is contained in:
Chad Little 2016-12-14 11:35:51 -08:00
parent ae0e97a499
commit e077d2f7a7
26 changed files with 1072 additions and 953 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

110
resources/celerity/map.php
View file

@ -9,7 +9,7 @@ return array(
'names' => array( 'names' => array(
'conpherence.pkg.css' => '0b64e988', 'conpherence.pkg.css' => '0b64e988',
'conpherence.pkg.js' => '6249a1cf', 'conpherence.pkg.js' => '6249a1cf',
'core.pkg.css' => 'e18bf0da', 'core.pkg.css' => '55d12594',
'core.pkg.js' => 'e4260032', 'core.pkg.js' => 'e4260032',
'darkconsole.pkg.js' => 'e7393ebb', 'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => 'a4ba74b5', 'differential.pkg.css' => 'a4ba74b5',
@ -18,10 +18,10 @@ return array(
'diffusion.pkg.js' => '84c8f8fd', 'diffusion.pkg.js' => '84c8f8fd',
'favicon.ico' => '30672e08', 'favicon.ico' => '30672e08',
'maniphest.pkg.css' => '4845691a', 'maniphest.pkg.css' => '4845691a',
'maniphest.pkg.js' => '949a7498', 'maniphest.pkg.js' => '5ab2753f',
'rsrc/css/aphront/aphront-bars.css' => '231ac33c', 'rsrc/css/aphront/aphront-bars.css' => '231ac33c',
'rsrc/css/aphront/dark-console.css' => 'f54bf286', 'rsrc/css/aphront/dark-console.css' => 'f54bf286',
'rsrc/css/aphront/dialog-view.css' => '49b2a8a3', 'rsrc/css/aphront/dialog-view.css' => '938f52c5',
'rsrc/css/aphront/list-filter-view.css' => '5d6f0526', 'rsrc/css/aphront/list-filter-view.css' => '5d6f0526',
'rsrc/css/aphront/multi-column.css' => '84cc6640', 'rsrc/css/aphront/multi-column.css' => '84cc6640',
'rsrc/css/aphront/notification.css' => '3f6c89c9', 'rsrc/css/aphront/notification.css' => '3f6c89c9',
@ -42,7 +42,7 @@ return array(
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020', 'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4', 'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
'rsrc/css/application/config/config-options.css' => '0ede4c9b', 'rsrc/css/application/config/config-options.css' => '0ede4c9b',
'rsrc/css/application/config/config-page.css' => 'b80124ae', 'rsrc/css/application/config/config-page.css' => 'c1d5121b',
'rsrc/css/application/config/config-template.css' => '8f18fa41', 'rsrc/css/application/config/config-template.css' => '8f18fa41',
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3', 'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
'rsrc/css/application/config/unhandled-exception.css' => '4c96257a', 'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
@ -71,7 +71,7 @@ return array(
'rsrc/css/application/diffusion/diffusion-source.css' => '68b30fd3', 'rsrc/css/application/diffusion/diffusion-source.css' => '68b30fd3',
'rsrc/css/application/feed/feed.css' => 'ecd4ec57', 'rsrc/css/application/feed/feed.css' => 'ecd4ec57',
'rsrc/css/application/files/global-drag-and-drop.css' => '5c1b47c2', 'rsrc/css/application/files/global-drag-and-drop.css' => '5c1b47c2',
'rsrc/css/application/flag/flag.css' => '5337623f', 'rsrc/css/application/flag/flag.css' => 'bba8f811',
'rsrc/css/application/harbormaster/harbormaster.css' => 'f491c9f4', 'rsrc/css/application/harbormaster/harbormaster.css' => 'f491c9f4',
'rsrc/css/application/herald/herald-test.css' => 'a52e323e', 'rsrc/css/application/herald/herald-test.css' => 'a52e323e',
'rsrc/css/application/herald/herald.css' => 'dc31f6e9', 'rsrc/css/application/herald/herald.css' => 'dc31f6e9',
@ -97,13 +97,13 @@ return array(
'rsrc/css/application/policy/policy.css' => '957ea14c', 'rsrc/css/application/policy/policy.css' => '957ea14c',
'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96', 'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96',
'rsrc/css/application/project/project-card-view.css' => '9418c97d', 'rsrc/css/application/project/project-card-view.css' => '9418c97d',
'rsrc/css/application/project/project-view.css' => '55d99221', 'rsrc/css/application/project/project-view.css' => '1e6f7072',
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733', 'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5', 'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
'rsrc/css/application/releeph/releeph-request-differential-create-dialog.css' => '8d8b92cd', 'rsrc/css/application/releeph/releeph-request-differential-create-dialog.css' => '8d8b92cd',
'rsrc/css/application/releeph/releeph-request-typeahead.css' => '667a48ae', 'rsrc/css/application/releeph/releeph-request-typeahead.css' => '667a48ae',
'rsrc/css/application/search/application-search-view.css' => '8452c849', 'rsrc/css/application/search/application-search-view.css' => '8452c849',
'rsrc/css/application/search/search-results.css' => '7dea472c', 'rsrc/css/application/search/search-results.css' => '64ad079a',
'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230', 'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230',
'rsrc/css/application/tokens/tokens.css' => '3d0f239e', 'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
'rsrc/css/application/uiexample/example.css' => '528b19de', 'rsrc/css/application/uiexample/example.css' => '528b19de',
@ -117,23 +117,29 @@ return array(
'rsrc/css/font/font-lato.css' => 'c7ccd872', 'rsrc/css/font/font-lato.css' => 'c7ccd872',
'rsrc/css/font/phui-font-icon-base.css' => '870a7360', 'rsrc/css/font/phui-font-icon-base.css' => '870a7360',
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
'rsrc/css/layout/phabricator-source-code-view.css' => 'cbeef983', 'rsrc/css/layout/phabricator-source-code-view.css' => '4383192f',
'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893', 'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893',
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'fcc9fb41', 'rsrc/css/phui/calendar/phui-calendar-list.css' => 'fcc9fb41',
'rsrc/css/phui/calendar/phui-calendar-month.css' => '8e10e92c', 'rsrc/css/phui/calendar/phui-calendar-month.css' => '8e10e92c',
'rsrc/css/phui/calendar/phui-calendar.css' => '477acfaa', 'rsrc/css/phui/calendar/phui-calendar.css' => '477acfaa',
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '19f9369b',
'rsrc/css/phui/object-item/phui-oi-color.css' => 'cd2b9b77',
'rsrc/css/phui/object-item/phui-oi-drag-ui.css' => 'f12cbc9f',
'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '9d9685d6',
'rsrc/css/phui/object-item/phui-oi-list-view.css' => 'bff632a4',
'rsrc/css/phui/object-item/phui-oi-simple-ui.css' => 'a8beebea',
'rsrc/css/phui/phui-action-list.css' => 'e1d48300', 'rsrc/css/phui/phui-action-list.css' => 'e1d48300',
'rsrc/css/phui/phui-action-panel.css' => '91c7b835', 'rsrc/css/phui/phui-action-panel.css' => '91c7b835',
'rsrc/css/phui/phui-badge.css' => '3baef8db', 'rsrc/css/phui/phui-badge.css' => '3baef8db',
'rsrc/css/phui/phui-basic-nav-view.css' => '7093573b', 'rsrc/css/phui/phui-basic-nav-view.css' => '7093573b',
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741', 'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
'rsrc/css/phui/phui-box.css' => '5c8387cf', 'rsrc/css/phui/phui-box.css' => '33b629f8',
'rsrc/css/phui/phui-button.css' => '43f4912e', 'rsrc/css/phui/phui-button.css' => '43f4912e',
'rsrc/css/phui/phui-chart.css' => '6bf6f78e', 'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
'rsrc/css/phui/phui-cms.css' => 'be43c8a8', 'rsrc/css/phui/phui-cms.css' => 'be43c8a8',
'rsrc/css/phui/phui-comment-form.css' => 'c953b75e', 'rsrc/css/phui/phui-comment-form.css' => 'c953b75e',
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad', 'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
'rsrc/css/phui/phui-crumbs-view.css' => '195ac419', 'rsrc/css/phui/phui-crumbs-view.css' => 'f82868f2',
'rsrc/css/phui/phui-curtain-view.css' => '947bf1a4', 'rsrc/css/phui/phui-curtain-view.css' => '947bf1a4',
'rsrc/css/phui/phui-document-pro.css' => 'c354e312', 'rsrc/css/phui/phui-document-pro.css' => 'c354e312',
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf', 'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
@ -154,7 +160,6 @@ return array(
'rsrc/css/phui/phui-lightbox.css' => '0a035e40', 'rsrc/css/phui/phui-lightbox.css' => '0a035e40',
'rsrc/css/phui/phui-list.css' => '9da2aa00', 'rsrc/css/phui/phui-list.css' => '9da2aa00',
'rsrc/css/phui/phui-object-box.css' => '6b487c57', 'rsrc/css/phui/phui-object-box.css' => '6b487c57',
'rsrc/css/phui/phui-object-item-list-view.css' => '87278fa0',
'rsrc/css/phui/phui-pager.css' => 'bea33d23', 'rsrc/css/phui/phui-pager.css' => 'bea33d23',
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
'rsrc/css/phui/phui-profile-menu.css' => '4768721a', 'rsrc/css/phui/phui-profile-menu.css' => '4768721a',
@ -163,13 +168,13 @@ return array(
'rsrc/css/phui/phui-segment-bar-view.css' => '46342871', 'rsrc/css/phui/phui-segment-bar-view.css' => '46342871',
'rsrc/css/phui/phui-spacing.css' => '042804d6', 'rsrc/css/phui/phui-spacing.css' => '042804d6',
'rsrc/css/phui/phui-status.css' => 'd5263e49', 'rsrc/css/phui/phui-status.css' => 'd5263e49',
'rsrc/css/phui/phui-tag-view.css' => '6bbd83e2', 'rsrc/css/phui/phui-tag-view.css' => '84d65f26',
'rsrc/css/phui/phui-timeline-view.css' => 'bc523970', 'rsrc/css/phui/phui-timeline-view.css' => 'bc523970',
'rsrc/css/phui/phui-two-column-view.css' => 'f662d744', 'rsrc/css/phui/phui-two-column-view.css' => '7babf5b9',
'rsrc/css/phui/workboards/phui-workboard-color.css' => 'b60ef38a', 'rsrc/css/phui/workboards/phui-workboard-color.css' => 'b60ef38a',
'rsrc/css/phui/workboards/phui-workboard.css' => '16441d5e', 'rsrc/css/phui/workboards/phui-workboard.css' => '16441d5e',
'rsrc/css/phui/workboards/phui-workcard.css' => '0c62d7c5', 'rsrc/css/phui/workboards/phui-workcard.css' => '00979e40',
'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373', 'rsrc/css/phui/workboards/phui-workpanel.css' => 'a3a63478',
'rsrc/css/sprite-login.css' => '587d92d7', 'rsrc/css/sprite-login.css' => '587d92d7',
'rsrc/css/sprite-tokens.css' => '9cdfd599', 'rsrc/css/sprite-tokens.css' => '9cdfd599',
'rsrc/css/syntax/syntax-default.css' => '9923583c', 'rsrc/css/syntax/syntax-default.css' => '9923583c',
@ -420,7 +425,7 @@ return array(
'rsrc/js/application/herald/PathTypeahead.js' => 'f7fc67ec', 'rsrc/js/application/herald/PathTypeahead.js' => 'f7fc67ec',
'rsrc/js/application/herald/herald-rule-editor.js' => '7ebaeed3', 'rsrc/js/application/herald/herald-rule-editor.js' => '7ebaeed3',
'rsrc/js/application/maniphest/behavior-batch-editor.js' => '782ab6e7', 'rsrc/js/application/maniphest/behavior-batch-editor.js' => '782ab6e7',
'rsrc/js/application/maniphest/behavior-batch-selector.js' => '7b98d7c5', 'rsrc/js/application/maniphest/behavior-batch-selector.js' => '0825c27a',
'rsrc/js/application/maniphest/behavior-line-chart.js' => 'e4232876', 'rsrc/js/application/maniphest/behavior-line-chart.js' => 'e4232876',
'rsrc/js/application/maniphest/behavior-list-edit.js' => 'a9f88de2', 'rsrc/js/application/maniphest/behavior-list-edit.js' => 'a9f88de2',
'rsrc/js/application/maniphest/behavior-subpriorityeditor.js' => '71237763', 'rsrc/js/application/maniphest/behavior-subpriorityeditor.js' => '71237763',
@ -544,7 +549,7 @@ return array(
'almanac-css' => 'dbb9b3af', 'almanac-css' => 'dbb9b3af',
'aphront-bars' => '231ac33c', 'aphront-bars' => '231ac33c',
'aphront-dark-console-css' => 'f54bf286', 'aphront-dark-console-css' => 'f54bf286',
'aphront-dialog-view-css' => '49b2a8a3', 'aphront-dialog-view-css' => '938f52c5',
'aphront-list-filter-view-css' => '5d6f0526', 'aphront-list-filter-view-css' => '5d6f0526',
'aphront-multi-column-view-css' => '84cc6640', 'aphront-multi-column-view-css' => '84cc6640',
'aphront-panel-view-css' => '8427b78d', 'aphront-panel-view-css' => '8427b78d',
@ -558,7 +563,7 @@ return array(
'changeset-view-manager' => 'a2828756', 'changeset-view-manager' => 'a2828756',
'conduit-api-css' => '7bc725c4', 'conduit-api-css' => '7bc725c4',
'config-options-css' => '0ede4c9b', 'config-options-css' => '0ede4c9b',
'config-page-css' => 'b80124ae', 'config-page-css' => 'c1d5121b',
'conpherence-durable-column-view' => 'd82e130c', 'conpherence-durable-column-view' => 'd82e130c',
'conpherence-header-pane-css' => '1c81cda6', 'conpherence-header-pane-css' => '1c81cda6',
'conpherence-menu-css' => '4f51db5a', 'conpherence-menu-css' => '4f51db5a',
@ -654,7 +659,7 @@ return array(
'javelin-behavior-line-chart' => 'e4232876', 'javelin-behavior-line-chart' => 'e4232876',
'javelin-behavior-load-blame' => '42126667', 'javelin-behavior-load-blame' => '42126667',
'javelin-behavior-maniphest-batch-editor' => '782ab6e7', 'javelin-behavior-maniphest-batch-editor' => '782ab6e7',
'javelin-behavior-maniphest-batch-selector' => '7b98d7c5', 'javelin-behavior-maniphest-batch-selector' => '0825c27a',
'javelin-behavior-maniphest-list-editor' => 'a9f88de2', 'javelin-behavior-maniphest-list-editor' => 'a9f88de2',
'javelin-behavior-maniphest-subpriority-editor' => '71237763', 'javelin-behavior-maniphest-subpriority-editor' => '71237763',
'javelin-behavior-owners-path-editor' => '7a68dda3', 'javelin-behavior-owners-path-editor' => '7a68dda3',
@ -790,7 +795,7 @@ return array(
'phabricator-feed-css' => 'ecd4ec57', 'phabricator-feed-css' => 'ecd4ec57',
'phabricator-file-upload' => '680ea2c8', 'phabricator-file-upload' => '680ea2c8',
'phabricator-filetree-view-css' => 'fccf9f82', 'phabricator-filetree-view-css' => 'fccf9f82',
'phabricator-flag-css' => '5337623f', 'phabricator-flag-css' => 'bba8f811',
'phabricator-keyboard-shortcut' => '1ae869f2', 'phabricator-keyboard-shortcut' => '1ae869f2',
'phabricator-keyboard-shortcut-manager' => '4a021c10', 'phabricator-keyboard-shortcut-manager' => '4a021c10',
'phabricator-main-menu-view' => 'f03e17be', 'phabricator-main-menu-view' => 'f03e17be',
@ -802,10 +807,10 @@ return array(
'phabricator-phtize' => 'd254d646', 'phabricator-phtize' => 'd254d646',
'phabricator-prefab' => '8d40ae75', 'phabricator-prefab' => '8d40ae75',
'phabricator-remarkup-css' => '8606d9c6', 'phabricator-remarkup-css' => '8606d9c6',
'phabricator-search-results-css' => '7dea472c', 'phabricator-search-results-css' => '64ad079a',
'phabricator-shaped-request' => '7cbe244b', 'phabricator-shaped-request' => '7cbe244b',
'phabricator-slowvote-css' => 'a94b7230', 'phabricator-slowvote-css' => 'a94b7230',
'phabricator-source-code-view-css' => 'cbeef983', 'phabricator-source-code-view-css' => '4383192f',
'phabricator-standard-page-view' => '894d8a25', 'phabricator-standard-page-view' => '894d8a25',
'phabricator-textareautils' => '320810c8', 'phabricator-textareautils' => '320810c8',
'phabricator-title' => '485aaa6c', 'phabricator-title' => '485aaa6c',
@ -836,7 +841,7 @@ return array(
'phui-badge-view-css' => '3baef8db', 'phui-badge-view-css' => '3baef8db',
'phui-basic-nav-view-css' => '7093573b', 'phui-basic-nav-view-css' => '7093573b',
'phui-big-info-view-css' => 'bd903741', 'phui-big-info-view-css' => 'bd903741',
'phui-box-css' => '5c8387cf', 'phui-box-css' => '33b629f8',
'phui-button-css' => '43f4912e', 'phui-button-css' => '43f4912e',
'phui-calendar-css' => '477acfaa', 'phui-calendar-css' => '477acfaa',
'phui-calendar-day-css' => '572b1893', 'phui-calendar-day-css' => '572b1893',
@ -846,7 +851,7 @@ return array(
'phui-cms-css' => 'be43c8a8', 'phui-cms-css' => 'be43c8a8',
'phui-comment-form-css' => 'c953b75e', 'phui-comment-form-css' => 'c953b75e',
'phui-comment-panel-css' => 'f50152ad', 'phui-comment-panel-css' => 'f50152ad',
'phui-crumbs-view-css' => '195ac419', 'phui-crumbs-view-css' => 'f82868f2',
'phui-curtain-view-css' => '947bf1a4', 'phui-curtain-view-css' => '947bf1a4',
'phui-document-summary-view-css' => '9ca48bdf', 'phui-document-summary-view-css' => '9ca48bdf',
'phui-document-view-css' => 'c32e8dec', 'phui-document-view-css' => 'c32e8dec',
@ -870,7 +875,12 @@ return array(
'phui-lightbox-css' => '0a035e40', 'phui-lightbox-css' => '0a035e40',
'phui-list-view-css' => '9da2aa00', 'phui-list-view-css' => '9da2aa00',
'phui-object-box-css' => '6b487c57', 'phui-object-box-css' => '6b487c57',
'phui-object-item-list-view-css' => '87278fa0', 'phui-oi-big-ui-css' => '19f9369b',
'phui-oi-color-css' => 'cd2b9b77',
'phui-oi-drag-ui-css' => 'f12cbc9f',
'phui-oi-flush-ui-css' => '9d9685d6',
'phui-oi-list-view-css' => 'bff632a4',
'phui-oi-simple-ui-css' => 'a8beebea',
'phui-pager-css' => 'bea33d23', 'phui-pager-css' => 'bea33d23',
'phui-pinboard-view-css' => '2495140e', 'phui-pinboard-view-css' => '2495140e',
'phui-profile-menu-css' => '4768721a', 'phui-profile-menu-css' => '4768721a',
@ -879,14 +889,14 @@ return array(
'phui-segment-bar-view-css' => '46342871', 'phui-segment-bar-view-css' => '46342871',
'phui-spacing-css' => '042804d6', 'phui-spacing-css' => '042804d6',
'phui-status-list-view-css' => 'd5263e49', 'phui-status-list-view-css' => 'd5263e49',
'phui-tag-view-css' => '6bbd83e2', 'phui-tag-view-css' => '84d65f26',
'phui-theme-css' => '798c69b8', 'phui-theme-css' => '798c69b8',
'phui-timeline-view-css' => 'bc523970', 'phui-timeline-view-css' => 'bc523970',
'phui-two-column-view-css' => 'f662d744', 'phui-two-column-view-css' => '7babf5b9',
'phui-workboard-color-css' => 'b60ef38a', 'phui-workboard-color-css' => 'b60ef38a',
'phui-workboard-view-css' => '16441d5e', 'phui-workboard-view-css' => '16441d5e',
'phui-workcard-view-css' => '0c62d7c5', 'phui-workcard-view-css' => '00979e40',
'phui-workpanel-view-css' => '92197373', 'phui-workpanel-view-css' => 'a3a63478',
'phuix-action-list-view' => 'b5c256b8', 'phuix-action-list-view' => 'b5c256b8',
'phuix-action-view' => '8cf6d262', 'phuix-action-view' => '8cf6d262',
'phuix-autocomplete' => '6d86ce8b', 'phuix-autocomplete' => '6d86ce8b',
@ -898,7 +908,7 @@ return array(
'policy-transaction-detail-css' => '82100a43', 'policy-transaction-detail-css' => '82100a43',
'ponder-view-css' => 'fbd45f96', 'ponder-view-css' => 'fbd45f96',
'project-card-view-css' => '9418c97d', 'project-card-view-css' => '9418c97d',
'project-view-css' => '55d99221', 'project-view-css' => '1e6f7072',
'releeph-core' => '9b3c5733', 'releeph-core' => '9b3c5733',
'releeph-preview-branch' => 'b7a6f4a5', 'releeph-preview-branch' => 'b7a6f4a5',
'releeph-request-differential-create-dialog' => '8d8b92cd', 'releeph-request-differential-create-dialog' => '8d8b92cd',
@ -961,6 +971,12 @@ return array(
'phabricator-prefab', 'phabricator-prefab',
'phuix-icon-view', 'phuix-icon-view',
), ),
'0825c27a' => array(
'javelin-behavior',
'javelin-dom',
'javelin-stratcom',
'javelin-util',
),
'08675c6d' => array( '08675c6d' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-behavior-device', 'javelin-behavior-device',
@ -1040,6 +1056,9 @@ return array(
'185bbd53' => array( '185bbd53' => array(
'javelin-install', 'javelin-install',
), ),
'19f9369b' => array(
'phui-oi-list-view-css',
),
'1aa4c968' => array( '1aa4c968' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-stratcom', 'javelin-stratcom',
@ -1522,12 +1541,6 @@ return array(
'owners-path-editor', 'owners-path-editor',
'javelin-behavior', 'javelin-behavior',
), ),
'7b98d7c5' => array(
'javelin-behavior',
'javelin-dom',
'javelin-stratcom',
'javelin-util',
),
'7cbe244b' => array( '7cbe244b' => array(
'javelin-install', 'javelin-install',
'javelin-util', 'javelin-util',
@ -1650,9 +1663,6 @@ return array(
'javelin-dom', 'javelin-dom',
'javelin-request', 'javelin-request',
), ),
92197373 => array(
'phui-workcard-view-css',
),
'92b9ec77' => array( '92b9ec77' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-stratcom', 'javelin-stratcom',
@ -1718,6 +1728,9 @@ return array(
'javelin-workflow', 'javelin-workflow',
'javelin-stratcom', 'javelin-stratcom',
), ),
'9d9685d6' => array(
'phui-oi-list-view-css',
),
'9f36c42d' => array( '9f36c42d' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-stratcom', 'javelin-stratcom',
@ -1747,6 +1760,9 @@ return array(
'javelin-behavior-device', 'javelin-behavior-device',
'javelin-vector', 'javelin-vector',
), ),
'a3a63478' => array(
'phui-workcard-view-css',
),
'a464fe03' => array( 'a464fe03' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-uri', 'javelin-uri',
@ -1762,6 +1778,9 @@ return array(
'javelin-stratcom', 'javelin-stratcom',
'javelin-dom', 'javelin-dom',
), ),
'a8beebea' => array(
'phui-oi-list-view-css',
),
'a8d8459d' => array( 'a8d8459d' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-dom', 'javelin-dom',
@ -1980,6 +1999,9 @@ return array(
'javelin-util', 'javelin-util',
'phabricator-notification-css', 'phabricator-notification-css',
), ),
'cd2b9b77' => array(
'phui-oi-list-view-css',
),
'd0c516d5' => array( 'd0c516d5' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-dom', 'javelin-dom',
@ -2149,6 +2171,9 @@ return array(
'f03e17be' => array( 'f03e17be' => array(
'phui-theme-css', 'phui-theme-css',
), ),
'f12cbc9f' => array(
'phui-oi-list-view-css',
),
'f2e58483' => array( 'f2e58483' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-dom', 'javelin-dom',
@ -2285,7 +2310,12 @@ return array(
'phabricator-nav-view-css', 'phabricator-nav-view-css',
'phui-basic-nav-view-css', 'phui-basic-nav-view-css',
'phui-crumbs-view-css', 'phui-crumbs-view-css',
'phui-object-item-list-view-css', 'phui-oi-list-view-css',
'phui-oi-color-css',
'phui-oi-big-ui-css',
'phui-oi-drag-ui-css',
'phui-oi-simple-ui-css',
'phui-oi-flush-ui-css',
'global-drag-and-drop-css', 'global-drag-and-drop-css',
'phui-spacing-css', 'phui-spacing-css',
'phui-form-css', 'phui-form-css',

7
resources/celerity/packages.php
View file

@ -117,7 +117,12 @@ return array(
'phabricator-nav-view-css', 'phabricator-nav-view-css',
'phui-basic-nav-view-css', 'phui-basic-nav-view-css',
'phui-crumbs-view-css', 'phui-crumbs-view-css',
'phui-object-item-list-view-css', 'phui-oi-list-view-css',
'phui-oi-color-css',
'phui-oi-big-ui-css',
'phui-oi-drag-ui-css',
'phui-oi-simple-ui-css',
'phui-oi-flush-ui-css',
'global-drag-and-drop-css', 'global-drag-and-drop-css',
'phui-spacing-css', 'phui-spacing-css',
'phui-form-css', 'phui-form-css',

2
src/applications/meta/query/PhabricatorAppSearchEngine.php
View file

@ -201,7 +201,7 @@ final class PhabricatorAppSearchEngine
$results[] = phutil_tag( $results[] = phutil_tag(
'h1', 'h1',
array( array(
'class' => 'phui-object-item-list-header', 'class' => 'phui-oi-list-header',
), ),
idx($group_names, $group, $group)); idx($group_names, $group, $group));
} }

4
src/applications/settings/panel/PhabricatorHomePreferencesSettingsPanel.php
View file

@ -148,7 +148,8 @@ final class PhabricatorHomePreferencesSettingsPanel
$list = id(new PHUIObjectItemListView()) $list = id(new PHUIObjectItemListView())
->setViewer($viewer) ->setViewer($viewer)
->setID($list_id); ->setID($list_id)
->setDrag(true);
Javelin::initBehavior( Javelin::initBehavior(
'reorder-applications', 'reorder-applications',
@ -170,7 +171,6 @@ final class PhabricatorHomePreferencesSettingsPanel
$item = id(new PHUIObjectItemView()) $item = id(new PHUIObjectItemView())
->setHeader($application->getName()) ->setHeader($application->getName())
->setImageIcon($icon) ->setImageIcon($icon)
->addAttribute($application->getShortDescription())
->setGrippable(true); ->setGrippable(true);
$item->addAction( $item->addAction(

34
src/view/phui/PHUIObjectItemListView.php
View file

@ -9,8 +9,9 @@ final class PHUIObjectItemListView extends AphrontTagView {
private $flush; private $flush;
private $simple; private $simple;
private $big; private $big;
private $drag;
private $allowEmptyList; private $allowEmptyList;
private $itemClass = 'phui-object-item-standard'; private $itemClass = 'phui-oi-standard';
public function setAllowEmptyList($allow_empty_list) { public function setAllowEmptyList($allow_empty_list) {
$this->allowEmptyList = $allow_empty_list; $this->allowEmptyList = $allow_empty_list;
@ -46,6 +47,12 @@ final class PHUIObjectItemListView extends AphrontTagView {
return $this; return $this;
} }
public function setDrag($drag) {
$this->drag = $drag;
$this->setItemClass('phui-oi-drag');
return $this;
}
public function setNoDataString($no_data_string) { public function setNoDataString($no_data_string) {
$this->noDataString = $no_data_string; $this->noDataString = $no_data_string;
return $this; return $this;
@ -67,16 +74,26 @@ final class PHUIObjectItemListView extends AphrontTagView {
protected function getTagAttributes() { protected function getTagAttributes() {
$classes = array(); $classes = array();
$classes[] = 'phui-oi-list-view';
$classes[] = 'phui-object-item-list-view';
if ($this->flush) { if ($this->flush) {
$classes[] = 'phui-object-list-flush'; $classes[] = 'phui-oi-list-flush';
require_celerity_resource('phui-oi-flush-ui-css');
} }
if ($this->simple) { if ($this->simple) {
$classes[] = 'phui-object-list-simple'; $classes[] = 'phui-oi-list-simple';
require_celerity_resource('phui-oi-simple-ui-css');
} }
if ($this->big) { if ($this->big) {
$classes[] = 'phui-object-list-big'; $classes[] = 'phui-oi-list-big';
require_celerity_resource('phui-oi-big-ui-css');
}
if ($this->drag) {
$classes[] = 'phui-oi-list-drag';
require_celerity_resource('phui-oi-drag-ui-css');
} }
return array( return array(
@ -86,14 +103,15 @@ final class PHUIObjectItemListView extends AphrontTagView {
protected function getTagContent() { protected function getTagContent() {
$viewer = $this->getUser(); $viewer = $this->getUser();
require_celerity_resource('phui-object-item-list-view-css'); require_celerity_resource('phui-oi-list-view-css');
require_celerity_resource('phui-oi-color-css');
$header = null; $header = null;
if (strlen($this->header)) { if (strlen($this->header)) {
$header = phutil_tag( $header = phutil_tag(
'h1', 'h1',
array( array(
'class' => 'phui-object-item-list-header', 'class' => 'phui-oi-list-header',
), ),
$this->header); $this->header);
} }
@ -120,7 +138,7 @@ final class PHUIObjectItemListView extends AphrontTagView {
$items = phutil_tag( $items = phutil_tag(
'li', 'li',
array( array(
'class' => 'phui-object-item-empty', 'class' => 'phui-oi-empty',
), ),
$string); $string);

100
src/view/phui/PHUIObjectItemView.php
View file

@ -229,45 +229,45 @@ final class PHUIObjectItemView extends AphrontTagView {
protected function getTagAttributes() { protected function getTagAttributes() {
$item_classes = array(); $item_classes = array();
$item_classes[] = 'phui-object-item'; $item_classes[] = 'phui-oi';
if ($this->icons) { if ($this->icons) {
$item_classes[] = 'phui-object-item-with-icons'; $item_classes[] = 'phui-oi-with-icons';
} }
if ($this->attributes) { if ($this->attributes) {
$item_classes[] = 'phui-object-item-with-attrs'; $item_classes[] = 'phui-oi-with-attrs';
} }
if ($this->handleIcons) { if ($this->handleIcons) {
$item_classes[] = 'phui-object-item-with-handle-icons'; $item_classes[] = 'phui-oi-with-handle-icons';
} }
if ($this->barColor) { if ($this->barColor) {
$item_classes[] = 'phui-object-item-bar-color-'.$this->barColor; $item_classes[] = 'phui-oi-bar-color-'.$this->barColor;
} else { } else {
$item_classes[] = 'phui-object-item-no-bar'; $item_classes[] = 'phui-oi-no-bar';
} }
if ($this->actions) { if ($this->actions) {
$n = count($this->actions); $n = count($this->actions);
$item_classes[] = 'phui-object-item-with-actions'; $item_classes[] = 'phui-oi-with-actions';
$item_classes[] = 'phui-object-item-with-'.$n.'-actions'; $item_classes[] = 'phui-oi-with-'.$n.'-actions';
} }
if ($this->disabled) { if ($this->disabled) {
$item_classes[] = 'phui-object-item-disabled'; $item_classes[] = 'phui-oi-disabled';
} }
switch ($this->effect) { switch ($this->effect) {
case 'highlighted': case 'highlighted':
$item_classes[] = 'phui-object-item-highlighted'; $item_classes[] = 'phui-oi-highlighted';
break; break;
case 'selected': case 'selected':
$item_classes[] = 'phui-object-item-selected'; $item_classes[] = 'phui-oi-selected';
break; break;
case 'visited': case 'visited':
$item_classes[] = 'phui-object-item-visited'; $item_classes[] = 'phui-oi-visited';
break; break;
case null: case null:
break; break;
@ -276,15 +276,15 @@ final class PHUIObjectItemView extends AphrontTagView {
} }
if ($this->getGrippable()) { if ($this->getGrippable()) {
$item_classes[] = 'phui-object-item-grippable'; $item_classes[] = 'phui-oi-grippable';
} }
if ($this->getImageURI()) { if ($this->getImageURI()) {
$item_classes[] = 'phui-object-item-with-image'; $item_classes[] = 'phui-oi-with-image';
} }
if ($this->getImageIcon()) { if ($this->getImageIcon()) {
$item_classes[] = 'phui-object-item-with-image-icon'; $item_classes[] = 'phui-oi-with-image-icon';
} }
return array( return array(
@ -296,7 +296,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$viewer = $this->getUser(); $viewer = $this->getUser();
$content_classes = array(); $content_classes = array();
$content_classes[] = 'phui-object-item-content'; $content_classes[] = 'phui-oi-content';
$header_name = array(); $header_name = array();
@ -311,7 +311,7 @@ final class PHUIObjectItemView extends AphrontTagView {
phutil_tag( phutil_tag(
'span', 'span',
array( array(
'class' => 'phui-object-item-objname', 'class' => 'phui-oi-objname',
), ),
$this->objectName), $this->objectName),
' ', ' ',
@ -329,7 +329,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$this->href ? 'a' : 'div', $this->href ? 'a' : 'div',
array( array(
'href' => $this->href, 'href' => $this->href,
'class' => 'phui-object-item-link', 'class' => 'phui-oi-link',
'title' => $title_text, 'title' => $title_text,
), ),
$this->header); $this->header);
@ -340,7 +340,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$header = phutil_tag( $header = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-name', 'class' => 'phui-oi-name',
), ),
javelin_tag( javelin_tag(
'span', 'span',
@ -360,7 +360,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$icon = $spec['icon']; $icon = $spec['icon'];
$icon = id(new PHUIIconView()) $icon = id(new PHUIIconView())
->setIcon($icon) ->setIcon($icon)
->addClass('phui-object-item-icon-image'); ->addClass('phui-oi-icon-image');
if (isset($spec['attributes']['tip'])) { if (isset($spec['attributes']['tip'])) {
$sigil = 'has-tooltip'; $sigil = 'has-tooltip';
@ -375,7 +375,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$label = phutil_tag( $label = phutil_tag(
'span', 'span',
array( array(
'class' => 'phui-object-item-icon-label', 'class' => 'phui-oi-icon-label',
), ),
$spec['label']); $spec['label']);
@ -389,7 +389,7 @@ final class PHUIObjectItemView extends AphrontTagView {
} }
$classes = array(); $classes = array();
$classes[] = 'phui-object-item-icon'; $classes[] = 'phui-oi-icon';
if (isset($spec['attributes']['class'])) { if (isset($spec['attributes']['class'])) {
$classes[] = $spec['attributes']['class']; $classes[] = $spec['attributes']['class'];
} }
@ -405,7 +405,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$icons[] = phutil_tag( $icons[] = phutil_tag(
'ul', 'ul',
array( array(
'class' => 'phui-object-item-icons', 'class' => 'phui-oi-icons',
), ),
$icon_list); $icon_list);
} }
@ -420,7 +420,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$handle_bar = phutil_tag( $handle_bar = phutil_tag(
'li', 'li',
array( array(
'class' => 'phui-object-item-handle-icons', 'class' => 'phui-oi-handle-icons',
), ),
$handle_bar); $handle_bar);
} }
@ -431,14 +431,14 @@ final class PHUIObjectItemView extends AphrontTagView {
$bylines[] = phutil_tag( $bylines[] = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-byline', 'class' => 'phui-oi-byline',
), ),
$byline); $byline);
} }
$bylines = phutil_tag( $bylines = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-bylines', 'class' => 'phui-oi-bylines',
), ),
$bylines); $bylines);
} }
@ -448,7 +448,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$subhead = phutil_tag( $subhead = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-subhead', 'class' => 'phui-oi-subhead',
), ),
$this->subhead); $this->subhead);
} }
@ -468,7 +468,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$spacer = phutil_tag( $spacer = phutil_tag(
'span', 'span',
array( array(
'class' => 'phui-object-item-attribute-spacer', 'class' => 'phui-oi-attribute-spacer',
), ),
"\xC2\xB7"); "\xC2\xB7");
$first = true; $first = true;
@ -476,7 +476,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$attrs[] = phutil_tag( $attrs[] = phutil_tag(
'li', 'li',
array( array(
'class' => 'phui-object-item-attribute', 'class' => 'phui-oi-attribute',
), ),
array( array(
($first ? null : $spacer), ($first ? null : $spacer),
@ -488,7 +488,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$attrs = phutil_tag( $attrs = phutil_tag(
'ul', 'ul',
array( array(
'class' => 'phui-object-item-attributes', 'class' => 'phui-oi-attributes',
), ),
array( array(
$handle_bar, $handle_bar,
@ -507,7 +507,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$grippable = phutil_tag( $grippable = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-grip', 'class' => 'phui-oi-grip',
), ),
''); '');
} }
@ -528,7 +528,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$image = phutil_tag( $image = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-image', 'class' => 'phui-oi-image',
'style' => 'background-image: url('.$this->getImageURI().')', 'style' => 'background-image: url('.$this->getImageURI().')',
), ),
''); '');
@ -536,7 +536,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$image = phutil_tag( $image = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-image-icon', 'class' => 'phui-oi-image-icon',
), ),
$this->getImageIcon()); $this->getImageIcon());
} }
@ -556,7 +556,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$column0 = phutil_tag( $column0 = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-col0', 'class' => 'phui-oi-col0',
), ),
$status); $status);
} }
@ -565,7 +565,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$column0 = phutil_tag( $column0 = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-col0 phui-object-item-badge', 'class' => 'phui-oi-col0 phui-oi-badge',
), ),
$this->badge); $this->badge);
} }
@ -574,7 +574,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$countdown = phutil_tag( $countdown = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-countdown-number', 'class' => 'phui-oi-countdown-number',
), ),
array( array(
phutil_tag_div('', $this->countdownNum), phutil_tag_div('', $this->countdownNum),
@ -583,7 +583,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$column0 = phutil_tag( $column0 = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-col0 phui-object-item-countdown', 'class' => 'phui-oi-col0 phui-oi-countdown',
), ),
$countdown); $countdown);
} }
@ -591,7 +591,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$column1 = phutil_tag( $column1 = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-col1', 'class' => 'phui-oi-col1',
), ),
array( array(
$header, $header,
@ -603,7 +603,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$column2 = phutil_tag( $column2 = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-col2', 'class' => 'phui-oi-col2',
), ),
array( array(
$icons, $icons,
@ -615,7 +615,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$column2 = phutil_tag( $column2 = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-col2 phui-object-item-launch-button', 'class' => 'phui-oi-col2 phui-oi-launch-button',
), ),
array( array(
$this->launchButton, $this->launchButton,
@ -625,10 +625,10 @@ final class PHUIObjectItemView extends AphrontTagView {
$table = phutil_tag( $table = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-table', 'class' => 'phui-oi-table',
), ),
phutil_tag_div( phutil_tag_div(
'phui-object-item-table-row', 'phui-oi-table-row',
array( array(
$column0, $column0,
$column1, $column1,
@ -638,7 +638,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$box = phutil_tag( $box = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-content-box', 'class' => 'phui-oi-content-box',
), ),
array( array(
$grippable, $grippable,
@ -656,7 +656,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$actions = phutil_tag( $actions = phutil_tag(
'ul', 'ul',
array( array(
'class' => 'phui-object-item-actions', 'class' => 'phui-oi-actions',
), ),
$actions); $actions);
} }
@ -664,7 +664,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$frame_content = phutil_tag( $frame_content = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-frame-content', 'class' => 'phui-oi-frame-content',
), ),
array( array(
$actions, $actions,
@ -678,13 +678,13 @@ final class PHUIObjectItemView extends AphrontTagView {
'img', 'img',
array( array(
'src' => $this->coverImage, 'src' => $this->coverImage,
'class' => 'phui-object-item-cover-image', 'class' => 'phui-oi-cover-image',
)); ));
$frame_cover = phutil_tag( $frame_cover = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-frame-cover', 'class' => 'phui-oi-frame-cover',
), ),
$cover_image); $cover_image);
} }
@ -692,7 +692,7 @@ final class PHUIObjectItemView extends AphrontTagView {
$frame = phutil_tag( $frame = phutil_tag(
'div', 'div',
array( array(
'class' => 'phui-object-item-frame', 'class' => 'phui-oi-frame',
), ),
array( array(
$frame_cover, $frame_cover,
@ -709,7 +709,7 @@ final class PHUIObjectItemView extends AphrontTagView {
->setIcon($icon); ->setIcon($icon);
$options = array( $options = array(
'class' => 'phui-object-item-status-icon', 'class' => 'phui-oi-status-icon',
); );
if (strlen($label)) { if (strlen($label)) {
@ -725,7 +725,7 @@ final class PHUIObjectItemView extends AphrontTagView {
Javelin::initBehavior('phabricator-tooltips'); Javelin::initBehavior('phabricator-tooltips');
$options = array( $options = array(
'class' => 'phui-object-item-handle-icon', 'class' => 'phui-oi-handle-icon',
'style' => 'background-image: url('.$handle->getImageURI().')', 'style' => 'background-image: url('.$handle->getImageURI().')',
); );

10
webroot/rsrc/css/aphront/dialog-view.css
View file

@ -158,18 +158,18 @@
margin-top: 16px; margin-top: 16px;
} }
.device-desktop .aphront-dialog-flush .phui-object-item-list-view { .device-desktop .aphront-dialog-flush .phui-oi-list-view {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable .aphront-dialog-flush .phui-oi-list-view.phui-object-list-stackable
.phui-object-item { .phui-oi {
border: 0; border: 0;
} }
.aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable .aphront-dialog-flush .phui-oi-list-view.phui-object-list-stackable
.phui-object-item-frame { .phui-oi-frame {
border: 0; border: 0;
border-top: 1px solid {$thinblueborder}; border-top: 1px solid {$thinblueborder};
} }

2
webroot/rsrc/css/application/config/config-page.css
View file

@ -39,7 +39,7 @@
margin: 0 4px; margin: 0 4px;
} }
.device-desktop .config-page-content .phui-object-item-list-view { .device-desktop .config-page-content .phui-oi-list-view {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }

2
webroot/rsrc/css/application/flag/flag.css
View file

@ -7,7 +7,7 @@
background: transparent 0 0 no-repeat; background: transparent 0 0 no-repeat;
} }
.phui-object-item .phabricator-flag-icon { .phui-oi .phabricator-flag-icon {
float: left; float: left;
margin: 2px; margin: 2px;
margin-right: 8px; margin-right: 8px;

4
webroot/rsrc/css/application/project/project-view.css
View file

@ -72,7 +72,7 @@
margin-bottom: 0; margin-bottom: 0;
} }
.project-view-home .phui-box-grey .phui-object-item-list-view { .project-view-home .phui-box-grey .phui-oi-list-view {
padding: 4px 8px 0 8px; padding: 4px 8px 0 8px;
} }
@ -80,7 +80,7 @@
background-color: #fff; background-color: #fff;
} }
.project-view-home .phui-box-grey .phui-object-item-attribute .phui-icon-view { .project-view-home .phui-box-grey .phui-oi-attribute .phui-icon-view {
color: {$lightgreytext}; color: {$lightgreytext};
} }

2
webroot/rsrc/css/application/search/search-results.css
View file

@ -2,7 +2,7 @@
* @provides phabricator-search-results-css * @provides phabricator-search-results-css
*/ */
.phui-object-item-link strong { .phui-oi-link strong {
color: {$fire}; color: {$fire};
text-decoration: underline; text-decoration: underline;
} }

2
webroot/rsrc/css/layout/phabricator-source-code-view.css
View file

@ -10,7 +10,7 @@
background-color: #FFFEF5; background-color: #FFFEF5;
} }
.phui-object-item .phabricator-source-code-container { .phui-oi .phabricator-source-code-container {
margin-left: 8px; margin-left: 8px;
} }

48
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css Normal file
View file

@ -0,0 +1,48 @@
/**
* @provides phui-oi-big-ui-css
* @requires phui-oi-list-view-css
*/
.phui-oi-list-big ul.phui-oi-list-view {
margin: 0;
padding: 20px;
}
.phui-oi-list-big .phui-oi-no-bar .phui-oi-frame {
border: 0;
}
.phui-oi-list-big .phui-oi-image-icon {
margin: 8px 2px 12px;
}
.phui-oi-list-big a.phui-oi-link {
color: #000;
font-size: {$biggestfontsize};
}
.phui-oi-list-big .phui-oi-name {
padding-top: 6px;
}
.phui-oi-list-big .phui-oi-launch-button a.button {
font-size: {$normalfontsize};
padding: 3px 12px 4px;
}
.device-desktop .phui-oi-list-big .phui-oi {
margin-bottom: 8px;
}
.phui-oi-list-big .phui-oi-col0 {
vertical-align: top;
padding: 0;
}
.phui-oi-list-big .phui-oi-status-icon {
padding: 5px;
}
.phui-oi-list-big .phui-oi-visited a.phui-oi-link {
color: {$violet};
}

68
webroot/rsrc/css/phui/object-item/phui-oi-color.css Normal file
View file

@ -0,0 +1,68 @@
/**
* @provides phui-oi-color-css
* @requires phui-oi-list-view-css
*/
/* - Bar Colors ----------------------------------------------------------------
Colors for the left-hand border bars, used to indicate object status or other
attributes.
*/
.phui-oi-bar-color-red {
border-left-color: {$red};
}
.phui-oi-bar-color-orange {
border-left-color: {$orange};
}
.phui-oi-bar-color-yellow {
border-left-color: {$yellow};
}
.phui-oi-bar-color-green {
border-left-color: {$green};
}
.phui-oi-bar-color-sky {
border-left-color: {$sky};
}
.phui-oi-bar-color-blue {
border-left-color: {$blue};
}
.phui-oi-bar-color-indigo {
border-left-color: {$indigo};
}
.phui-oi-bar-color-violet {
border-left-color: {$violet};
}
.phui-oi-bar-color-pink {
border-left-color: {$pink};
}
.phui-oi-bar-color-fire {
border-left-color: {$fire};
}
.phui-oi-bar-color-bluegrey {
border-left-color: {$bluetext};
}
.phui-oi-bar-color-lightbluetext {
border-left-color: {$lightbluetext};
}
.phui-oi-bar-color-grey,
.phui-oi-bar-color-lightgreytext {
border-left-color: {$lightgreytext};
}
.phui-oi-bar-color-black,
.phui-oi-bar-color-dark {
border-left-color: {$darkgreytext};
}

59
webroot/rsrc/css/phui/object-item/phui-oi-drag-ui.css Normal file
View file

@ -0,0 +1,59 @@
/**
* @provides phui-oi-drag-ui-css
* @requires phui-oi-list-view-css
*/
.phui-object-box .phui-oi-list-view.phui-oi-list-drag {
margin-top: 8px;
margin-bottom: 4px;
}
.phui-oi.phui-oi-drag {
background: {$bluebackground};
border-radius: 3px;
border: none;
}
.phui-oi.phui-oi-drag,
.phui-oi.phui-oi-drag .phui-oi-frame {
border: none;
}
.phui-object-box .phui-oi-list-view .phui-oi.phui-oi-drag {
margin-top: 4px;
}
.phui-oi-drag.phui-oi-with-image-icon .phui-oi-frame,
.phui-oi-drag.phui-oi-with-image .phui-oi-frame,
.phui-oi-drag .phui-oi-frame {
min-height: 36px;
}
.phui-oi-drag .phui-oi-list-icon {
height: auto;
width: auto;
}
.phui-oi-drag .phui-oi-image-icon .phui-icon-view {
height: 16px;
width: 16px;
font-size: 16px;
line-height: 20px;
}
.phui-oi-drag.phui-oi-grippable .phui-oi-frame {
padding-left: 28px;
}
.phui-oi-drag .phui-oi-grip {
left: 4px;
}
.phui-oi-drag.phui-oi-with-image-icon .phui-oi-content-box,
.phui-oi-drag.phui-oi-with-image .phui-oi-content-box {
margin-left: 24px;
}
.phui-oi-list-drag .drag-ghost {
margin-top: 4px;
}

13
webroot/rsrc/css/phui/object-item/phui-oi-flush-ui.css Normal file
View file

@ -0,0 +1,13 @@
/**
* @provides phui-oi-flush-ui-css
* @requires phui-oi-list-view-css
*/
.phui-oi-list-view.phui-oi-list-flush {
padding: 0;
margin: 0;
}
.phui-object-box .phui-oi-list-flush .phui-oi {
margin: 0;
}

625
webroot/rsrc/css/phui/object-item/phui-oi-list-view.css Normal file
View file

@ -0,0 +1,625 @@
/**
* @provides phui-oi-list-view-css
*/
.phui-oi {
border-left-width: 0;
}
ul.phui-oi-list-view {
padding: 8px;
list-style: none;
}
.device-desktop .phui-oi-list-view {
padding: 16px;
}
.phui-oi-list-view + .phui-oi-list-view {
padding-top: 0;
}
.phui-object-box .phui-oi-list-view .phui-oi {
margin: 0;
}
.phui-oi-list-view .phui-info-view {
margin: 0;
}
.phui-object-box .phui-oi-list-view .phui-info-view {
color: {$greytext};
border: none;
}
.phui-oi {
border-style: solid;
border-color: {$lightgreyborder};
margin: 5px 0;
overflow: hidden;
background: #fff;
margin-bottom: 4px;
}
.phui-oi .phui-icon-view {
display: inline-block;
}
.phui-oi-frame {
border-color: {$lightblueborder};
border-width: 1px 1px 1px 0;
border-style: solid;
position: relative;
min-height: 33px;
overflow: hidden;
}
.phui-oi-cover-image {
display: none;
}
.phui-oi-no-bar .phui-oi-frame {
border-width: 1px;
}
.device-desktop .phui-oi {
margin: 0 0 4px 0;
}
.phui-object-box .phui-oi-list-view {
margin: 0;
}
.phui-oi-status-icon {
font-weight: bold;
padding: 3px;
font-size: 16px;
}
.phui-oi-list-view .phui-oi-col0 .phui-icon-view {
width: 17px;
text-align: center;
overflow: visible;
position: relative;
left: -1px;
}
.phui-oi-name {
padding: 8px 8px 0;
white-space: nowrap;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.device-phone .phui-oi-name {
overflow: normal;
white-space: normal;
font-weight: bold;
}
.phui-oi-link {
display: inline;
}
.phui-oi-objname {
color: #000;
cursor: text;
font-weight: bold;
}
.phui-oi-content {
margin: 4px 8px 2px 0;
overflow: hidden;
}
.phui-oi-grippable {
cursor: move;
}
.device .phui-oi-grippable {
cursor: normal;
}
.phui-oi-grip {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 20px;
background: url('/rsrc/image/texture/grip.png') center center no-repeat;
}
.device .phui-oi-grip {
display: none;
}
.phui-oi-grippable .phui-oi-frame {
padding-left: 16px;
}
.device .phui-oi-grippable .phui-oi-frame {
padding-left: 0;
}
.phui-oi-list-header {
padding: 0 0 8px 0;
color: {$darkgreytext};
}
.phui-oi-table {
display: table;
table-layout: fixed;
width: 100%;
}
.phui-oi-table-row {
display: table-row;
}
.phui-oi-col0 {
width: 20px;
display: table-cell;
vertical-align: middle;
padding-left: 4px;
}
.device-phone .phui-oi-col0 {
vertical-align: top;
padding-top: 8px;
}
.phui-oi-col1 {
display: table-cell;
vertical-align: top;
}
.phui-oi-col2 {
width: 160px;
display: table-cell;
vertical-align: top;
}
.device-phone .phui-oi-col1,
.device-phone .phui-oi-col2 {
display: block;
width: auto;
}
/* - Item Actions --------------------------------------------------------------
Action buttons, like "Edit" and "Delete".
*/
.phui-oi-actions {
position: absolute;
right: 4px;
top: 4px;
bottom: 4px;
vertical-align: middle;
text-align: right;
}
.phui-oi-actions .phui-list-item-view {
float: right;
height: 100%;
width: 24px;
display: inline-block;
position: relative;
}
.phui-oi-actions .phui-list-item-href {
display: inline-block;
position: relative;
width: 24px;
height: 100%;
}
.device-desktop .phui-oi-actions .phui-list-item-href:hover {
background: {$hoverblue};
border-radius: 3px;
}
.phui-oi-actions .phui-list-item-icon {
width: 14px;
height: 14px;
position: absolute;
display: block;
top: 50%;
margin-top: -7px;
left: 3px;
}
.phui-oi-actions .phui-list-item-name {
display: none;
}
.phui-oi-with-1-actions .phui-oi-content-box {
margin-right: 28px;
overflow: hidden;
}
.phui-oi-with-2-actions .phui-oi-content-box {
margin-right: 54px;
overflow: hidden;
}
.phui-oi-with-3-actions .phui-oi-content-box {
margin-right: 76px;
overflow: hidden;
}
/* - Object Box List -----------------------------------------------------------
Tighter, stacking list when inside an Object Box
*/
.phui-object-box .phui-oi-list-view {
padding: 0;
border: none;
}
.phui-object-box .phui-oi-frame {
border-right: none;
}
.phui-object-box .phui-oi:last-child
.phui-oi-frame {
border-bottom: none;
}
/* - Subhead -------------------------------------------------------------------
Descriptive Text or Links under the main header, before attributes.
*/
.phui-oi-subhead {
color: {$greytext};
padding: 0 8px 6px;
}
/* - Attribute List ------------------------------------------------------------
Object attributes, commonly used to render created date, etc.
*/
.phui-oi-attributes {
padding: 0 8px 6px;
line-height: 18px;
min-height: 21px;
}
.phui-oi-attribute {
display: inline-block;
color: {$greytext};
vertical-align: top;
}
.phui-oi-attribute-spacer {
padding: 0 4px;
}
/* - Icons ---------------------------------------------------------------------
Icons, which show object state. On mobile, they are rendered without labels
to save space.
*/
.phui-object-icon-pane {
margin: 8px 0 4px;
}
.device-phone .phui-object-icon-pane {
margin: 0 0 4px;
}
.phui-oi-icons {
padding: 0 4px 0 0;
}
.device-phone .phui-oi-icons {
padding: 0 0 0 8px;
}
ul.phui-oi-icons {
margin: 0;
}
.phui-oi-icon {
vertical-align: middle;
font-size: {$smallerfontsize};
color: {$greytext};
text-align: right;
white-space: nowrap;
overflow: hidden;
min-height: 18px;
line-height: 18px;
}
.device-phone .phui-oi-icon {
text-align: left;
font-size: 13px;
}
/*
* Items with icon 'none' still have on mobile, thus creating a weird vertical
* margin for elements which follow
*/
.device-phone .phui-oi-icon .none {
display: none;
}
.phui-oi-icon-image {
width: 14px;
height: 14px;
font-size: 13px;
margin-right: 4px;
}
/* - Disabled ------------------------------------------------------------------
Disabled/inactive objects.
*/
.phui-oi.phui-oi-disabled .phui-oi-link,
.phui-oi.phui-oi-disabled .phui-oi-link a {
color: {$lightgreytext};
}
.phui-oi.phui-oi-disabled .phui-oi-frame {
border-color: #d7d7d7;
}
.phui-oi.phui-oi-disabled .phui-oi-objname {
color: {$greytext};
text-decoration: line-through;
}
/* - Effects -------------------------------------------------------------------
Effects like highlighted items.
*/
.phui-oi.phui-oi-highlighted {
background: {$sh-yellowbackground};
}
ul.phui-oi-list-view .phui-oi-highlighted
.phui-oi-frame {
border-color: {$sh-yellowborder};
}
.phui-oi-selected {
background: {$sh-bluebackground};
}
ul.phui-oi-list-view .phui-oi-selected
.phui-oi-frame {
border-color: {$sh-blueborder};
}
/* - Handle Icons --------------------------------------------------------------
Shows owners, reviewers, etc., using profile picture icons.
*/
.phui-oi-handle-icons {
bottom: 0;
right: 4px;
position: absolute;
}
.phui-oi-handle-icon {
width: 24px;
height: 24px;
display: inline-block;
background-size: 100%;
border-radius: 3px;
background-repeat: no-repeat;
}
/* - Bylines -------------------------------------------------------------------
Shows owners, authors, reviewers, etc., in text.
*/
.phui-oi-bylines {
padding: 0 4px 0 8px;
margin: 4px 0 8px;
font-size: {$smallerfontsize};
color: {$greytext};
text-align: right;
}
.phui-oi-byline {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.device-phone .phui-oi-bylines {
float: none;
text-align: left;
padding: 0 8px;
font-size: {$normalfontsize};
}
/* - Draggable List ------------------------------------------------------------
These classes are applied by and/or provided for use with JX.DraggableList.
*/
.drag-ghost {
position: relative;
background: {$sh-indigobackground};
border-radius: 3px;
margin-bottom: 4px;
border: 1px dashed {$sh-indigoborder};
}
.drag-dragging {
opacity: 0.25;
}
.drag-sending {
opacity: 0.5;
}
.drag-clone,
.drag-frame {
/* This allows mousewheel events to pass through the clone and frame while
they are being dragged. Without this, the mousewheel does not work during
a drag operation. */
pointer-events: none;
}
.drag-frame {
position: fixed;
overflow: hidden;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.drag-clone {
position: absolute;
list-style: none;
}
/* - Badges ---------------------------------------------------------------- */
.phui-oi-col0.phui-oi-badge {
width: 28px;
}
.phui-oi-col0.phui-oi-badge .phui-icon-view {
left: 0;
}
/* - Countdowns ------------------------------------------------------------ */
.phui-oi-col0.phui-oi-countdown {
width: 52px;
padding: 0;
}
.phui-oi-countdown .phui-oi-countdown-number {
border-right: 1px solid {$thinblueborder};
text-align: center;
color: {$bluetext};
}
/* - Dashboards ------------------------------------------------------------ */
.phui-object-box .phui-oi-list-view .phui-oi-frame {
border: none;
border-bottom: 1px solid {$thinblueborder};
}
.drag-clone.phui-oi-standard .phui-oi-frame {
border: none;
opacity: 0.8;
background: {$sh-bluebackground};
}
.phui-object-box .phui-oi-list-header {
font-size: {$normalfontsize};
color: {$darkbluetext};
border-top: 1px solid {$thinblueborder};
border-bottom: 1px solid {$thinblueborder};
padding: 8px;
background-color: {$lightgreybackground};
}
.phui-object-box .phui-header-shell + .phui-oi-list-view .phui-oi-list-header,
.phui-object-box .phui-object-box-hidden-content + .phui-oi-list-view
.phui-oi-list-header,
.phui-object-box .phui-object-box-hidden-content + .phui-oi-list-header {
border-top: none;
}
.dashboard-pane .phui-oi-empty .phui-info-view {
border: none;
margin: 0;
}
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
.aphront-multi-column-column-outer.third .phui-oi-col2 {
display: none;
}
/* - Launcher List ---------------------------------------------------------- */
.phui-oi-image-icon {
background: none;
width: 40px;
height: 40px;
margin: 8px 6px;
position: absolute;
}
.phui-oi-image-icon .phui-icon-view {
position: absolute;
width: 40px;
height: 40px;
font-size: 26px;
text-align: center;
line-height: 36px;
}
.phui-oi-image {
width: 40px;
height: 40px;
border-radius: 3px;
background-size: 100%;
margin: 8px 6px;
position: absolute;
}
.phui-oi-with-image-icon .phui-oi-frame,
.phui-oi-with-image .phui-oi-frame {
min-height: 52px;
}
.phui-oi-with-image-icon .phui-oi-content-box,
.phui-oi-with-image .phui-oi-content-box {
margin-left: 46px;
}
/* - Launcher Button -------------------------------------------------------- */
.phui-oi-col2.phui-oi-launch-button {
text-align: right;
vertical-align: middle;
padding-right: 4px;
}
.device-phone .phui-oi-col2.phui-oi-launch-button {
padding: 0 8px 8px;
text-align: left;
}

43
webroot/rsrc/css/phui/object-item/phui-oi-simple-ui.css Normal file
View file

@ -0,0 +1,43 @@
/**
* @provides phui-oi-simple-ui-css
* @requires phui-oi-list-view-css
*/
.phui-oi-list-simple .phui-oi-with-image .phui-oi-frame {
min-height: 26px;
}
.phui-oi-list-simple .phui-oi-image {
height: 26px;
width: 26px;
margin: 0;
}
.phui-oi-list-simple .phui-oi-with-image
.phui-oi-content-box {
margin-left: 32px;
}
.phui-oi-list-simple .phui-oi-name {
padding: 2px 0;
}
.phui-oi-list-simple .phui-oi-name a {
color: {$darkbluetext};
}
.phui-oi-list-view.phui-oi-list-simple .phui-oi-frame {
border: none;
margin-bottom: 4px;
}
.phui-oi-list-view.phui-oi-list-simple li:last-child
.phui-oi-frame {
margin: 0;
}
.phui-oi-list-simple .phui-oi-actions {
top: 2px;
bottom: 2px;
right: 2px;
}

14
webroot/rsrc/css/phui/phui-box.css
View file

@ -24,18 +24,18 @@
border-color: {$thinblueborder}; border-color: {$thinblueborder};
} }
.phui-box-blue .phui-object-item, .phui-box-blue .phui-oi,
.phui-box-grey .phui-object-item { .phui-box-grey .phui-oi {
background: transparent; background: transparent;
} }
.phui-box-blue .phui-object-item-link, .phui-box-blue .phui-oi-link,
.phui-box-grey .phui-object-item-link { .phui-box-grey .phui-oi-link {
color: {$darkbluetext}; color: {$darkbluetext};
} }
.phui-box-blue .phui-object-item-list-view, .phui-box-blue .phui-oi-list-view,
.phui-box-grey .phui-object-item-list-view { .phui-box-grey .phui-oi-list-view {
background-color: #fff; background-color: #fff;
} }
@ -98,7 +98,7 @@ body.device .phui-box-blue-property.phui-object-box.phui-object-box-collapsed
color: {$bluetext}; color: {$bluetext};
} }
.phui-box-blue-property .phui-object-item-list-view { .phui-box-blue-property .phui-oi-list-view {
padding: 2px 8px; padding: 2px 8px;
} }

2
webroot/rsrc/css/phui/phui-crumbs-view.css
View file

@ -119,7 +119,7 @@ body .phui-crumbs-view + .phui-object-box {
margin-top: 0; margin-top: 0;
} }
body .phui-crumbs-view + .phui-object-item-list-view { body .phui-crumbs-view + .phui-oi-list-view {
padding-top: 0; padding-top: 0;
} }

790
webroot/rsrc/css/phui/phui-object-item-list-view.css
View file

@ -1,790 +0,0 @@
/**
* @provides phui-object-item-list-view-css
*/
ul.phui-object-item-list-view {
padding: 8px;
list-style: none;
}
.device-desktop .phui-object-item-list-view {
padding: 16px;
}
.phui-object-item-list-view + .phui-object-item-list-view {
padding-top: 0;
}
.phui-object-item-list-view.phui-object-list-flush {
padding: 0;
margin: 0;
}
.phui-object-box .phui-object-item-list-view .phui-object-item {
margin: 0;
}
.phui-object-item-list-view .phui-info-view {
margin: 0;
}
.phui-object-box .phui-object-item-list-view .phui-info-view {
color: {$greytext};
border: none;
}
.phui-object-item {
border-style: solid;
border-color: {$lightgreyborder};
margin: 5px 0;
overflow: hidden;
background: #fff;
margin-bottom: 4px;
}
.phui-object-item .phui-icon-view {
display: inline-block;
}
.phui-object-item-frame {
border-color: {$lightblueborder};
border-width: 1px 1px 1px 0;
border-style: solid;
position: relative;
min-height: 33px;
overflow: hidden;
}
.phui-object-item-cover-image {
display: none;
}
.phui-object-item-no-bar .phui-object-item-frame {
border-width: 1px;
}
.device-desktop .phui-object-item {
margin: 0 0 4px 0;
}
.phui-object-box .phui-object-list-flush .phui-object-item {
margin: 0;
}
.phui-object-box .phui-object-item-list-view {
margin: 0;
}
.phui-object-item-status-icon {
font-weight: bold;
padding: 3px;
font-size: 16px;
}
.phui-object-item-list-view .phui-object-item-col0 .phui-icon-view {
width: 17px;
text-align: center;
overflow: visible;
position: relative;
left: -1px;
}
.phui-object-item-name {
padding: 8px 8px 0;
white-space: nowrap;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.device-phone .phui-object-item-name {
overflow: normal;
white-space: normal;
font-weight: bold;
}
.phui-object-item-link {
display: inline;
}
.phui-object-item-objname {
color: #000;
cursor: text;
font-weight: bold;
}
.phui-object-item-content {
margin: 4px 8px 2px 0;
overflow: hidden;
}
.phui-object-item-grippable {
cursor: move;
}
.device .phui-object-item-grippable {
cursor: normal;
}
.phui-object-item-grip {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 20px;
background: url('/rsrc/image/texture/grip.png') center center no-repeat;
}
.device .phui-object-item-grip {
display: none;
}
.phui-object-item-grippable .phui-object-item-frame {
padding-left: 16px;
}
.device .phui-object-item-grippable .phui-object-item-frame {
padding-left: 0;
}
.phui-object-item-list-header {
padding: 0 0 8px 0;
color: {$darkgreytext};
}
.phui-object-item-table {
display: table;
table-layout: fixed;
width: 100%;
}
.phui-object-item-table-row {
display: table-row;
}
.phui-object-item-col0 {
width: 20px;
display: table-cell;
vertical-align: middle;
padding-left: 4px;
}
.device-phone .phui-object-item-col0 {
vertical-align: top;
padding-top: 8px;
}
.phui-object-item-col1 {
display: table-cell;
vertical-align: top;
}
.phui-object-item-col2 {
width: 160px;
display: table-cell;
vertical-align: top;
}
.device-phone .phui-object-item-col1,
.device-phone .phui-object-item-col2 {
display: block;
width: auto;
}
/* - Item Actions --------------------------------------------------------------
Action buttons, like "Edit" and "Delete".
*/
.phui-object-item-actions {
position: absolute;
right: 4px;
top: 4px;
bottom: 4px;
vertical-align: middle;
text-align: right;
}
.phui-object-item-actions .phui-list-item-view {
float: right;
height: 100%;
width: 24px;
display: inline-block;
position: relative;
}
.phui-object-item-actions .phui-list-item-href {
display: inline-block;
position: relative;
width: 24px;
height: 100%;
}
.device-desktop .phui-object-item-actions .phui-list-item-href:hover {
background: {$hoverblue};
border-radius: 3px;
}
.phui-object-item-actions .phui-list-item-icon {
width: 14px;
height: 14px;
position: absolute;
display: block;
top: 50%;
margin-top: -7px;
left: 3px;
}
.phui-object-item-actions .phui-list-item-name {
display: none;
}
.phui-object-item-with-1-actions .phui-object-item-content-box {
margin-right: 28px;
overflow: hidden;
}
.phui-object-item-with-2-actions .phui-object-item-content-box {
margin-right: 54px;
overflow: hidden;
}
.phui-object-item-with-3-actions .phui-object-item-content-box {
margin-right: 76px;
overflow: hidden;
}
/* - Object Box List -----------------------------------------------------------
Tighter, stacking list when inside an Object Box
*/
.phui-object-box .phui-object-item-list-view {
padding: 0;
border: none;
}
.phui-object-box .phui-object-item-frame {
border-right: none;
}
.phui-object-box .phui-object-item:last-child
.phui-object-item-frame {
border-bottom: none;
}
/* - Subhead -------------------------------------------------------------------
Descriptive Text or Links under the main header, before attributes.
*/
.phui-object-item-subhead {
color: {$greytext};
padding: 0 8px 6px;
}
/* - Attribute List ------------------------------------------------------------
Object attributes, commonly used to render created date, etc.
*/
.phui-object-item-attributes {
padding: 0 8px 6px;
line-height: 18px;
min-height: 21px;
}
.phui-object-item-attribute {
display: inline-block;
color: {$greytext};
vertical-align: top;
}
.phui-object-item-attribute-spacer {
padding: 0 4px;
}
/* - Icons ---------------------------------------------------------------------
Icons, which show object state. On mobile, they are rendered without labels
to save space.
*/
.phui-object-icon-pane {
margin: 8px 0 4px;
}
.device-phone .phui-object-icon-pane {
margin: 0 0 4px;
}
.phui-object-item-icons {
padding: 0 4px 0 0;
}
.device-phone .phui-object-item-icons {
padding: 0 0 0 8px;
}
ul.phui-object-item-icons {
margin: 0;
}
.phui-object-item-icon {
vertical-align: middle;
font-size: {$smallerfontsize};
color: {$greytext};
text-align: right;
white-space: nowrap;
overflow: hidden;
min-height: 18px;
line-height: 18px;
}
.device-phone .phui-object-item-icon {
text-align: left;
font-size: 13px;
}
/*
* Items with icon 'none' still have on mobile, thus creating a weird vertical
* margin for elements which follow
*/
.device-phone .phui-object-item-icon .none {
display: none;
}
.phui-object-item-icon-image {
width: 14px;
height: 14px;
font-size: 13px;
margin-right: 4px;
}
/* - Bar Colors ----------------------------------------------------------------
Colors for the left-hand border bars, used to indicate object status or other
attributes.
*/
.phui-object-item {
border-left-width: 0;
}
.phui-object-item-bar-color-red {
border-left-color: {$red};
}
.phui-object-item-bar-color-orange {
border-left-color: {$orange};
}
.phui-object-item-bar-color-yellow {
border-left-color: {$yellow};
}
.phui-object-item-bar-color-green {
border-left-color: {$green};
}
.phui-object-item-bar-color-sky {
border-left-color: {$sky};
}
.phui-object-item-bar-color-blue {
border-left-color: {$blue};
}
.phui-object-item-bar-color-indigo {
border-left-color: {$indigo};
}
.phui-object-item-bar-color-violet {
border-left-color: {$violet};
}
.phui-object-item-bar-color-pink {
border-left-color: {$pink};
}
.phui-object-item-bar-color-fire {
border-left-color: {$fire};
}
.phui-object-item-bar-color-bluegrey {
border-left-color: {$bluetext};
}
.phui-object-item-bar-color-lightbluetext {
border-left-color: {$lightbluetext};
}
.phui-object-item-bar-color-grey,
.phui-object-item-bar-color-lightgreytext {
border-left-color: {$lightgreytext};
}
.phui-object-item-bar-color-black,
.phui-object-item-bar-color-dark {
border-left-color: {$darkgreytext};
}
/* - Disabled ------------------------------------------------------------------
Disabled/inactive objects.
*/
.phui-object-item.phui-object-item-disabled .phui-object-item-link,
.phui-object-item.phui-object-item-disabled .phui-object-item-link a {
color: {$lightgreytext};
}
.phui-object-item.phui-object-item-disabled .phui-object-item-frame {
border-color: #d7d7d7;
}
.phui-object-item.phui-object-item-disabled .phui-object-item-objname {
color: {$greytext};
text-decoration: line-through;
}
/* - Effects -------------------------------------------------------------------
Effects like highlighted items.
*/
.phui-object-item.phui-object-item-highlighted {
background: {$sh-yellowbackground};
}
ul.phui-object-item-list-view .phui-object-item-highlighted
.phui-object-item-frame {
border-color: {$sh-yellowborder};
}
.phui-object-item-selected {
background: {$sh-bluebackground};
}
ul.phui-object-item-list-view .phui-object-item-selected
.phui-object-item-frame {
border-color: {$sh-blueborder};
}
/* - Handle Icons --------------------------------------------------------------
Shows owners, reviewers, etc., using profile picture icons.
*/
.phui-object-item-handle-icons {
bottom: 0;
right: 4px;
position: absolute;
}
.phui-object-item-handle-icon {
width: 24px;
height: 24px;
display: inline-block;
background-size: 100%;
border-radius: 3px;
background-repeat: no-repeat;
}
/* - Bylines -------------------------------------------------------------------
Shows owners, authors, reviewers, etc., in text.
*/
.phui-object-item-bylines {
padding: 0 4px 0 8px;
margin: 4px 0 8px;
font-size: {$smallerfontsize};
color: {$greytext};
text-align: right;
}
.phui-object-item-byline {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.device-phone .phui-object-item-bylines {
float: none;
text-align: left;
padding: 0 8px;
font-size: {$normalfontsize};
}
/* - Draggable List ------------------------------------------------------------
These classes are applied by and/or provided for use with JX.DraggableList.
*/
.drag-ghost {
position: relative;
background: {$sh-indigobackground};
border-radius: 3px;
margin-bottom: 4px;
border: 1px dashed {$sh-indigoborder};
}
.drag-dragging {
opacity: 0.25;
}
.drag-sending {
opacity: 0.5;
}
.drag-clone,
.drag-frame {
/* This allows mousewheel events to pass through the clone and frame while
they are being dragged. Without this, the mousewheel does not work during
a drag operation. */
pointer-events: none;
}
.drag-frame {
position: fixed;
overflow: hidden;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.drag-clone {
position: absolute;
list-style: none;
}
/* - Badges ---------------------------------------------------------------- */
.phui-object-item-col0.phui-object-item-badge {
width: 28px;
}
.phui-object-item-col0.phui-object-item-badge .phui-icon-view {
left: 0;
}
/* - Countdowns ------------------------------------------------------------ */
.phui-object-item-col0.phui-object-item-countdown {
width: 52px;
padding: 0;
}
.phui-object-item-countdown .phui-object-item-countdown-number {
border-right: 1px solid {$thinblueborder};
text-align: center;
color: {$bluetext};
}
/* - Dashboards ------------------------------------------------------------ */
.phui-object-box .phui-object-item-list-view .phui-object-item-frame {
border: none;
border-bottom: 1px solid {$thinblueborder};
}
.drag-clone.phui-object-item-standard .phui-object-item-frame {
border: none;
opacity: 0.8;
background: {$sh-bluebackground};
}
.phui-object-box .phui-object-item-list-header {
font-size: {$normalfontsize};
color: {$darkbluetext};
border-top: 1px solid {$thinblueborder};
border-bottom: 1px solid {$thinblueborder};
padding: 8px;
background-color: {$lightgreybackground};
}
.phui-object-box .phui-header-shell + .phui-object-item-list-view
.phui-object-item-list-header,
.phui-object-box .phui-object-box-hidden-content + .phui-object-item-list-view
.phui-object-item-list-header,
.phui-object-box .phui-object-box-hidden-content +
.phui-object-item-list-header {
border-top: none;
}
.dashboard-pane .phui-object-item-empty .phui-info-view {
border: none;
margin: 0;
}
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
.aphront-multi-column-column-outer.third .phui-object-item-col2 {
display: none;
}
/* - Launcher List ---------------------------------------------------------- */
.phui-object-item-image-icon {
background: none;
width: 40px;
height: 40px;
margin: 8px 6px;
position: absolute;
}
.phui-object-item-image-icon .phui-icon-view {
position: absolute;
width: 40px;
height: 40px;
font-size: 26px;
text-align: center;
line-height: 36px;
}
.phui-object-item-image {
width: 40px;
height: 40px;
border-radius: 3px;
background-size: 100%;
margin: 8px 6px;
position: absolute;
}
.phui-object-item-with-image-icon .phui-object-item-frame,
.phui-object-item-with-image .phui-object-item-frame {
min-height: 52px;
}
.phui-object-item-with-image-icon .phui-object-item-content-box,
.phui-object-item-with-image .phui-object-item-content-box {
margin-left: 46px;
}
/* - Launcher Button -------------------------------------------------------- */
.phui-object-item-col2.phui-object-item-launch-button {
text-align: right;
vertical-align: middle;
padding-right: 4px;
}
.device-phone .phui-object-item-col2.phui-object-item-launch-button {
padding: 0 8px 8px;
text-align: left;
}
/* - Simple List------------------------------------------------------------- */
.phui-object-list-simple .phui-object-item-with-image .phui-object-item-frame {
min-height: 26px;
}
.phui-object-list-simple .phui-object-item-image {
height: 26px;
width: 26px;
margin: 0;
}
.phui-object-list-simple .phui-object-item-with-image
.phui-object-item-content-box {
margin-left: 32px;
}
.phui-object-list-simple .phui-object-item-name {
padding: 2px 0;
}
.phui-object-list-simple .phui-object-item-name a {
color: {$darkbluetext};
}
.phui-object-item-list-view.phui-object-list-simple .phui-object-item-frame {
border: none;
margin-bottom: 4px;
}
.phui-object-item-list-view.phui-object-list-simple li:last-child
.phui-object-item-frame {
margin: 0;
}
.phui-object-list-simple .phui-object-item-actions {
top: 2px;
bottom: 2px;
right: 2px;
}
/* - Big List---------------------------------------------------------------- */
.phui-object-list-big ul.phui-object-item-list-view {
margin: 0;
padding: 20px;
}
.phui-object-list-big .phui-object-item-no-bar .phui-object-item-frame {
border: 0;
}
.phui-object-list-big .phui-object-item-image-icon {
margin: 8px 2px 12px;
}
.phui-object-list-big a.phui-object-item-link {
color: #000;
font-size: {$biggestfontsize};
}
.phui-object-list-big .phui-object-item-name {
padding-top: 6px;
}
.phui-object-list-big .phui-object-item-launch-button a.button {
font-size: {$normalfontsize};
padding: 3px 12px 4px;
}
.device-desktop .phui-object-list-big .phui-object-item {
margin-bottom: 8px;
}
.phui-object-list-big .phui-object-item-col0 {
vertical-align: top;
padding: 0;
}
.phui-object-list-big .phui-object-item-status-icon {
padding: 5px;
}
.phui-object-list-big .phui-object-item-visited a.phui-object-item-link {
color: {$violet};
}
.device-desktop .phui-object-list-big .phui-object-item-frame:hover {
}

4
webroot/rsrc/css/phui/phui-tag-view.css
View file

@ -145,11 +145,11 @@ a.phui-tag-view:hover
margin-top: 4px; margin-top: 4px;
} }
.phui-object-item .phabricator-handle-tag-list { .phui-oi .phabricator-handle-tag-list {
display: inline; display: inline;
} }
.phui-object-item .phabricator-handle-tag-list-item { .phui-oi .phabricator-handle-tag-list-item {
display: inline-block; display: inline-block;
margin: 0 4px 2px 0; margin: 0 4px 2px 0;
} }

2
webroot/rsrc/css/phui/phui-two-column-view.css
View file

@ -199,7 +199,7 @@
padding: 12px; padding: 12px;
} }
.phui-two-column-view .phui-side-column .phui-object-item-empty .phui-two-column-view .phui-side-column .phui-oi-empty
.phui-info-view { .phui-info-view {
margin-bottom: 0; margin-bottom: 0;
} }

68
webroot/rsrc/css/phui/workboards/phui-workcard.css
View file

@ -2,7 +2,7 @@
* @provides phui-workcard-view-css * @provides phui-workcard-view-css
*/ */
.phui-workcard.phui-object-item { .phui-workcard.phui-oi {
background-color: #fff; background-color: #fff;
border-radius: 3px; border-radius: 3px;
margin-bottom: 8px; margin-bottom: 8px;
@ -10,22 +10,22 @@
box-sizing: border-box; box-sizing: border-box;
} }
.phui-workcard .phui-object-item-name { .phui-workcard .phui-oi-name {
padding-bottom: 4px; padding-bottom: 4px;
} }
.phui-workcard .phui-object-item-content { .phui-workcard .phui-oi-content {
margin-top: 0; margin-top: 0;
} }
.phui-workcard .phui-object-item-frame { .phui-workcard .phui-oi-frame {
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-color: {$thinblueborder}; border-color: {$thinblueborder};
border-bottom-color: {$lightblueborder}; border-bottom-color: {$lightblueborder};
} }
.phui-workcard.phui-object-item .phui-object-item-objname { .phui-workcard.phui-oi .phui-oi-objname {
-webkit-touch-callout: text; -webkit-touch-callout: text;
-webkit-user-select: text; -webkit-user-select: text;
-khtml-user-select: text; -khtml-user-select: text;
@ -34,36 +34,36 @@
user-select: text; user-select: text;
} }
.phui-workcard .phui-object-item-link { .phui-workcard .phui-oi-link {
white-space: normal; white-space: normal;
font-weight: normal; font-weight: normal;
color: #000; color: #000;
margin-left: 2px; margin-left: 2px;
} }
.phui-object-item-disabled.phui-workcard { .phui-oi-disabled.phui-workcard {
background-color: rgba({$alphawhite},.67); background-color: rgba({$alphawhite},.67);
} }
.phui-object-item-disabled.phui-workcard .phui-object-item-link { .phui-oi-disabled.phui-workcard .phui-oi-link {
color: {$greytext}; color: {$greytext};
} }
.device-desktop .phui-workcard .phui-object-item-with-1-actions .device-desktop .phui-workcard .phui-oi-with-1-actions
.phui-object-item-content-box { .phui-oi-content-box {
margin-right: 0; margin-right: 0;
overflow: hidden; overflow: hidden;
} }
.phui-workcard .phui-object-item-objname { .phui-workcard .phui-oi-objname {
vertical-align: top; vertical-align: top;
} }
.phui-workcard.phui-object-item-grippable .phui-object-item-frame { .phui-workcard.phui-oi-grippable .phui-oi-frame {
padding-left: 0; padding-left: 0;
} }
.phui-workcard .phui-object-item-grip { .phui-workcard .phui-oi-grip {
display: none; display: none;
} }
@ -71,28 +71,28 @@
display: none; display: none;
} }
.phui-workcard.phui-object-item .phui-list-item-href { .phui-workcard.phui-oi .phui-list-item-href {
height: 24px; height: 24px;
width: 24px; width: 24px;
} }
.device-desktop .phui-workcard.phui-object-item:hover .device-desktop .phui-workcard.phui-oi:hover
.phui-list-item-href { .phui-list-item-href {
background: #fff; background: #fff;
opacity: .7; opacity: .7;
} }
.device-desktop .phui-workcard.phui-object-item .device-desktop .phui-workcard.phui-oi
.phui-list-item-href:hover { .phui-list-item-href:hover {
background: {$sh-bluebackground}; background: {$sh-bluebackground};
opacity: 1; opacity: 1;
} }
.phui-workcard.phui-object-item:hover .phui-list-item-icon { .phui-workcard.phui-oi:hover .phui-list-item-icon {
display: block; display: block;
} }
.phui-workcard .phui-object-item-attributes { .phui-workcard .phui-oi-attributes {
margin-right: 12px; margin-right: 12px;
} }
@ -100,21 +100,21 @@
margin-bottom: 8px; margin-bottom: 8px;
} }
.phui-workcard .phui-object-item-cover-image { .phui-workcard .phui-oi-cover-image {
display: block; display: block;
padding: 8px 8px 0 8px; padding: 8px 8px 0 8px;
width: 263px; width: 263px;
} }
.phui-workcard.phui-object-item.phui-workcard-upload-target { .phui-workcard.phui-oi.phui-workcard-upload-target {
background-color: {$sh-greenbackground}; background-color: {$sh-greenbackground};
} }
.phui-object-item-list-view .phui-workcard:last-child { .phui-oi-list-view .phui-workcard:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.phui-workcard .phui-object-item-attribute-spacer { .phui-workcard .phui-oi-attribute-spacer {
display: none; display: none;
} }
@ -123,54 +123,54 @@
display: inline-block; display: inline-block;
} }
.phui-workcard .phui-object-item-attribute { .phui-workcard .phui-oi-attribute {
display: inline; display: inline;
} }
/* - Draggable Colors --------------------------------------------------------*/ /* - Draggable Colors --------------------------------------------------------*/
.phui-workcard.phui-object-item.drag-clone { .phui-workcard.phui-oi.drag-clone {
box-shadow: {$dropshadow}; box-shadow: {$dropshadow};
background-color: {$sh-greybackground}; background-color: {$sh-greybackground};
} }
.phui-workcard.phui-object-item.drag-clone .phui-list-item-href { .phui-workcard.phui-oi.drag-clone .phui-list-item-href {
display: none; display: none;
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-red { .phui-workcard.drag-clone.phui-oi-bar-color-red {
background-color: {$sh-redbackground}; background-color: {$sh-redbackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-orange { .phui-workcard.drag-clone.phui-oi-bar-color-orange {
background-color: {$sh-orangebackground}; background-color: {$sh-orangebackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-yellow { .phui-workcard.drag-clone.phui-oi-bar-color-yellow {
background-color: {$sh-yellowbackground}; background-color: {$sh-yellowbackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-green { .phui-workcard.drag-clone.phui-oi-bar-color-green {
background-color: {$sh-greenbackground}; background-color: {$sh-greenbackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-blue { .phui-workcard.drag-clone.phui-oi-bar-color-blue {
background-color: {$sh-bluebackground}; background-color: {$sh-bluebackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-indigo { .phui-workcard.drag-clone.phui-oi-bar-color-indigo {
background-color: {$sh-indigobackground}; background-color: {$sh-indigobackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-violet { .phui-workcard.drag-clone.phui-oi-bar-color-violet {
background-color: {$sh-violetbackground}; background-color: {$sh-violetbackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-pink { .phui-workcard.drag-clone.phui-oi-bar-color-pink {
background-color: {$sh-pinkbackground}; background-color: {$sh-pinkbackground};
} }
.phui-workcard.drag-clone.phui-object-item-bar-color-sky { .phui-workcard.drag-clone.phui-oi-bar-color-sky {
background-color: {$sh-bluebackground}; background-color: {$sh-bluebackground};
} }

8
webroot/rsrc/css/phui/workboards/phui-workpanel.css
View file

@ -83,7 +83,7 @@
width: auto; width: auto;
} }
.phui-workpanel-body .phui-object-item-list-view { .phui-workpanel-body .phui-oi-list-view {
min-height: 54px; min-height: 54px;
background-color: transparent; background-color: transparent;
} }
@ -115,18 +115,18 @@
border-radius: 4px; border-radius: 4px;
} }
.project-panel-empty .phui-object-item-list-view { .project-panel-empty .phui-oi-list-view {
background: rgba(234, 230, 247, 0.85); background: rgba(234, 230, 247, 0.85);
border-radius: 3px; border-radius: 3px;
margin-bottom: 4px; margin-bottom: 4px;
border: 1px dashed {$sh-indigoborder}; border: 1px dashed {$sh-indigoborder};
} }
.project-panel-empty .phui-object-item-list-view .drag-ghost { .project-panel-empty .phui-oi-list-view .drag-ghost {
display: none; display: none;
} }
.project-panel-empty .phui-object-item-list-view.drag-target-list { .project-panel-empty .phui-oi-list-view.drag-target-list {
background: rgba({$alphawhite},.7); background: rgba({$alphawhite},.7);
} }

2
webroot/rsrc/js/application/maniphest/behavior-batch-selector.js
View file

@ -35,7 +35,7 @@ JX.behavior('maniphest-batch-selector', function(config) {
JX.DOM.alterClass( JX.DOM.alterClass(
task, task,
'phui-object-item-selected', 'phui-oi-selected',
is_selected(task)); is_selected(task));
update(); update();