@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
Reorganize phui-object-item CSS, add drag ui
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
+1072
-953
+70
-40
resources/celerity/map.php
+70
-40
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => '0b64e988',
11
11
'conpherence.pkg.js' => '6249a1cf',
12
-
'core.pkg.css' => 'e18bf0da',
12
+
'core.pkg.css' => '55d12594',
13
13
'core.pkg.js' => 'e4260032',
14
14
'darkconsole.pkg.js' => 'e7393ebb',
15
15
'differential.pkg.css' => 'a4ba74b5',
···
18
18
'diffusion.pkg.js' => '84c8f8fd',
19
19
'favicon.ico' => '30672e08',
20
20
'maniphest.pkg.css' => '4845691a',
21
-
'maniphest.pkg.js' => '949a7498',
21
+
'maniphest.pkg.js' => '5ab2753f',
22
22
'rsrc/css/aphront/aphront-bars.css' => '231ac33c',
23
23
'rsrc/css/aphront/dark-console.css' => 'f54bf286',
24
-
'rsrc/css/aphront/dialog-view.css' => '49b2a8a3',
24
+
'rsrc/css/aphront/dialog-view.css' => '938f52c5',
25
25
'rsrc/css/aphront/list-filter-view.css' => '5d6f0526',
26
26
'rsrc/css/aphront/multi-column.css' => '84cc6640',
27
27
'rsrc/css/aphront/notification.css' => '3f6c89c9',
···
42
42
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
43
43
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
44
44
'rsrc/css/application/config/config-options.css' => '0ede4c9b',
45
-
'rsrc/css/application/config/config-page.css' => 'b80124ae',
45
+
'rsrc/css/application/config/config-page.css' => 'c1d5121b',
46
46
'rsrc/css/application/config/config-template.css' => '8f18fa41',
47
47
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
48
48
'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
···
71
71
'rsrc/css/application/diffusion/diffusion-source.css' => '68b30fd3',
72
72
'rsrc/css/application/feed/feed.css' => 'ecd4ec57',
73
73
'rsrc/css/application/files/global-drag-and-drop.css' => '5c1b47c2',
74
-
'rsrc/css/application/flag/flag.css' => '5337623f',
74
+
'rsrc/css/application/flag/flag.css' => 'bba8f811',
75
75
'rsrc/css/application/harbormaster/harbormaster.css' => 'f491c9f4',
76
76
'rsrc/css/application/herald/herald-test.css' => 'a52e323e',
77
77
'rsrc/css/application/herald/herald.css' => 'dc31f6e9',
···
97
97
'rsrc/css/application/policy/policy.css' => '957ea14c',
98
98
'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96',
99
99
'rsrc/css/application/project/project-card-view.css' => '9418c97d',
100
-
'rsrc/css/application/project/project-view.css' => '55d99221',
100
+
'rsrc/css/application/project/project-view.css' => '1e6f7072',
101
101
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
102
102
'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
103
103
'rsrc/css/application/releeph/releeph-request-differential-create-dialog.css' => '8d8b92cd',
104
104
'rsrc/css/application/releeph/releeph-request-typeahead.css' => '667a48ae',
105
105
'rsrc/css/application/search/application-search-view.css' => '8452c849',
106
-
'rsrc/css/application/search/search-results.css' => '7dea472c',
106
+
'rsrc/css/application/search/search-results.css' => '64ad079a',
107
107
'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230',
108
108
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
109
109
'rsrc/css/application/uiexample/example.css' => '528b19de',
···
117
117
'rsrc/css/font/font-lato.css' => 'c7ccd872',
118
118
'rsrc/css/font/phui-font-icon-base.css' => '870a7360',
119
119
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
120
-
'rsrc/css/layout/phabricator-source-code-view.css' => 'cbeef983',
120
+
'rsrc/css/layout/phabricator-source-code-view.css' => '4383192f',
121
121
'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893',
122
122
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'fcc9fb41',
123
123
'rsrc/css/phui/calendar/phui-calendar-month.css' => '8e10e92c',
124
124
'rsrc/css/phui/calendar/phui-calendar.css' => '477acfaa',
125
+
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '19f9369b',
126
+
'rsrc/css/phui/object-item/phui-oi-color.css' => 'cd2b9b77',
127
+
'rsrc/css/phui/object-item/phui-oi-drag-ui.css' => 'f12cbc9f',
128
+
'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '9d9685d6',
129
+
'rsrc/css/phui/object-item/phui-oi-list-view.css' => 'bff632a4',
130
+
'rsrc/css/phui/object-item/phui-oi-simple-ui.css' => 'a8beebea',
125
131
'rsrc/css/phui/phui-action-list.css' => 'e1d48300',
126
132
'rsrc/css/phui/phui-action-panel.css' => '91c7b835',
127
133
'rsrc/css/phui/phui-badge.css' => '3baef8db',
128
134
'rsrc/css/phui/phui-basic-nav-view.css' => '7093573b',
129
135
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
130
-
'rsrc/css/phui/phui-box.css' => '5c8387cf',
136
+
'rsrc/css/phui/phui-box.css' => '33b629f8',
131
137
'rsrc/css/phui/phui-button.css' => '43f4912e',
132
138
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
133
139
'rsrc/css/phui/phui-cms.css' => 'be43c8a8',
134
140
'rsrc/css/phui/phui-comment-form.css' => 'c953b75e',
135
141
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
136
-
'rsrc/css/phui/phui-crumbs-view.css' => '195ac419',
142
+
'rsrc/css/phui/phui-crumbs-view.css' => 'f82868f2',
137
143
'rsrc/css/phui/phui-curtain-view.css' => '947bf1a4',
138
144
'rsrc/css/phui/phui-document-pro.css' => 'c354e312',
139
145
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
···
154
160
'rsrc/css/phui/phui-lightbox.css' => '0a035e40',
155
161
'rsrc/css/phui/phui-list.css' => '9da2aa00',
156
162
'rsrc/css/phui/phui-object-box.css' => '6b487c57',
157
-
'rsrc/css/phui/phui-object-item-list-view.css' => '87278fa0',
158
163
'rsrc/css/phui/phui-pager.css' => 'bea33d23',
159
164
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
160
165
'rsrc/css/phui/phui-profile-menu.css' => '4768721a',
···
163
168
'rsrc/css/phui/phui-segment-bar-view.css' => '46342871',
164
169
'rsrc/css/phui/phui-spacing.css' => '042804d6',
165
170
'rsrc/css/phui/phui-status.css' => 'd5263e49',
166
-
'rsrc/css/phui/phui-tag-view.css' => '6bbd83e2',
171
+
'rsrc/css/phui/phui-tag-view.css' => '84d65f26',
167
172
'rsrc/css/phui/phui-timeline-view.css' => 'bc523970',
168
-
'rsrc/css/phui/phui-two-column-view.css' => 'f662d744',
173
+
'rsrc/css/phui/phui-two-column-view.css' => '7babf5b9',
169
174
'rsrc/css/phui/workboards/phui-workboard-color.css' => 'b60ef38a',
170
175
'rsrc/css/phui/workboards/phui-workboard.css' => '16441d5e',
171
-
'rsrc/css/phui/workboards/phui-workcard.css' => '0c62d7c5',
172
-
'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373',
176
+
'rsrc/css/phui/workboards/phui-workcard.css' => '00979e40',
177
+
'rsrc/css/phui/workboards/phui-workpanel.css' => 'a3a63478',
173
178
'rsrc/css/sprite-login.css' => '587d92d7',
174
179
'rsrc/css/sprite-tokens.css' => '9cdfd599',
175
180
'rsrc/css/syntax/syntax-default.css' => '9923583c',
···
420
425
'rsrc/js/application/herald/PathTypeahead.js' => 'f7fc67ec',
421
426
'rsrc/js/application/herald/herald-rule-editor.js' => '7ebaeed3',
422
427
'rsrc/js/application/maniphest/behavior-batch-editor.js' => '782ab6e7',
423
-
'rsrc/js/application/maniphest/behavior-batch-selector.js' => '7b98d7c5',
428
+
'rsrc/js/application/maniphest/behavior-batch-selector.js' => '0825c27a',
424
429
'rsrc/js/application/maniphest/behavior-line-chart.js' => 'e4232876',
425
430
'rsrc/js/application/maniphest/behavior-list-edit.js' => 'a9f88de2',
426
431
'rsrc/js/application/maniphest/behavior-subpriorityeditor.js' => '71237763',
···
544
549
'almanac-css' => 'dbb9b3af',
545
550
'aphront-bars' => '231ac33c',
546
551
'aphront-dark-console-css' => 'f54bf286',
547
-
'aphront-dialog-view-css' => '49b2a8a3',
552
+
'aphront-dialog-view-css' => '938f52c5',
548
553
'aphront-list-filter-view-css' => '5d6f0526',
549
554
'aphront-multi-column-view-css' => '84cc6640',
550
555
'aphront-panel-view-css' => '8427b78d',
···
558
563
'changeset-view-manager' => 'a2828756',
559
564
'conduit-api-css' => '7bc725c4',
560
565
'config-options-css' => '0ede4c9b',
561
-
'config-page-css' => 'b80124ae',
566
+
'config-page-css' => 'c1d5121b',
562
567
'conpherence-durable-column-view' => 'd82e130c',
563
568
'conpherence-header-pane-css' => '1c81cda6',
564
569
'conpherence-menu-css' => '4f51db5a',
···
654
659
'javelin-behavior-line-chart' => 'e4232876',
655
660
'javelin-behavior-load-blame' => '42126667',
656
661
'javelin-behavior-maniphest-batch-editor' => '782ab6e7',
657
-
'javelin-behavior-maniphest-batch-selector' => '7b98d7c5',
662
+
'javelin-behavior-maniphest-batch-selector' => '0825c27a',
658
663
'javelin-behavior-maniphest-list-editor' => 'a9f88de2',
659
664
'javelin-behavior-maniphest-subpriority-editor' => '71237763',
660
665
'javelin-behavior-owners-path-editor' => '7a68dda3',
···
790
795
'phabricator-feed-css' => 'ecd4ec57',
791
796
'phabricator-file-upload' => '680ea2c8',
792
797
'phabricator-filetree-view-css' => 'fccf9f82',
793
-
'phabricator-flag-css' => '5337623f',
798
+
'phabricator-flag-css' => 'bba8f811',
794
799
'phabricator-keyboard-shortcut' => '1ae869f2',
795
800
'phabricator-keyboard-shortcut-manager' => '4a021c10',
796
801
'phabricator-main-menu-view' => 'f03e17be',
···
802
807
'phabricator-phtize' => 'd254d646',
803
808
'phabricator-prefab' => '8d40ae75',
804
809
'phabricator-remarkup-css' => '8606d9c6',
805
-
'phabricator-search-results-css' => '7dea472c',
810
+
'phabricator-search-results-css' => '64ad079a',
806
811
'phabricator-shaped-request' => '7cbe244b',
807
812
'phabricator-slowvote-css' => 'a94b7230',
808
-
'phabricator-source-code-view-css' => 'cbeef983',
813
+
'phabricator-source-code-view-css' => '4383192f',
809
814
'phabricator-standard-page-view' => '894d8a25',
810
815
'phabricator-textareautils' => '320810c8',
811
816
'phabricator-title' => '485aaa6c',
···
836
841
'phui-badge-view-css' => '3baef8db',
837
842
'phui-basic-nav-view-css' => '7093573b',
838
843
'phui-big-info-view-css' => 'bd903741',
839
-
'phui-box-css' => '5c8387cf',
844
+
'phui-box-css' => '33b629f8',
840
845
'phui-button-css' => '43f4912e',
841
846
'phui-calendar-css' => '477acfaa',
842
847
'phui-calendar-day-css' => '572b1893',
···
846
851
'phui-cms-css' => 'be43c8a8',
847
852
'phui-comment-form-css' => 'c953b75e',
848
853
'phui-comment-panel-css' => 'f50152ad',
849
-
'phui-crumbs-view-css' => '195ac419',
854
+
'phui-crumbs-view-css' => 'f82868f2',
850
855
'phui-curtain-view-css' => '947bf1a4',
851
856
'phui-document-summary-view-css' => '9ca48bdf',
852
857
'phui-document-view-css' => 'c32e8dec',
···
870
875
'phui-lightbox-css' => '0a035e40',
871
876
'phui-list-view-css' => '9da2aa00',
872
877
'phui-object-box-css' => '6b487c57',
873
-
'phui-object-item-list-view-css' => '87278fa0',
878
+
'phui-oi-big-ui-css' => '19f9369b',
879
+
'phui-oi-color-css' => 'cd2b9b77',
880
+
'phui-oi-drag-ui-css' => 'f12cbc9f',
881
+
'phui-oi-flush-ui-css' => '9d9685d6',
882
+
'phui-oi-list-view-css' => 'bff632a4',
883
+
'phui-oi-simple-ui-css' => 'a8beebea',
874
884
'phui-pager-css' => 'bea33d23',
875
885
'phui-pinboard-view-css' => '2495140e',
876
886
'phui-profile-menu-css' => '4768721a',
···
879
889
'phui-segment-bar-view-css' => '46342871',
880
890
'phui-spacing-css' => '042804d6',
881
891
'phui-status-list-view-css' => 'd5263e49',
882
-
'phui-tag-view-css' => '6bbd83e2',
892
+
'phui-tag-view-css' => '84d65f26',
883
893
'phui-theme-css' => '798c69b8',
884
894
'phui-timeline-view-css' => 'bc523970',
885
-
'phui-two-column-view-css' => 'f662d744',
895
+
'phui-two-column-view-css' => '7babf5b9',
886
896
'phui-workboard-color-css' => 'b60ef38a',
887
897
'phui-workboard-view-css' => '16441d5e',
888
-
'phui-workcard-view-css' => '0c62d7c5',
889
-
'phui-workpanel-view-css' => '92197373',
898
+
'phui-workcard-view-css' => '00979e40',
899
+
'phui-workpanel-view-css' => 'a3a63478',
890
900
'phuix-action-list-view' => 'b5c256b8',
891
901
'phuix-action-view' => '8cf6d262',
892
902
'phuix-autocomplete' => '6d86ce8b',
···
898
908
'policy-transaction-detail-css' => '82100a43',
899
909
'ponder-view-css' => 'fbd45f96',
900
910
'project-card-view-css' => '9418c97d',
901
-
'project-view-css' => '55d99221',
911
+
'project-view-css' => '1e6f7072',
902
912
'releeph-core' => '9b3c5733',
903
913
'releeph-preview-branch' => 'b7a6f4a5',
904
914
'releeph-request-differential-create-dialog' => '8d8b92cd',
···
961
971
'phabricator-prefab',
962
972
'phuix-icon-view',
963
973
),
974
+
'0825c27a' => array(
975
+
'javelin-behavior',
976
+
'javelin-dom',
977
+
'javelin-stratcom',
978
+
'javelin-util',
979
+
),
964
980
'08675c6d' => array(
965
981
'javelin-behavior',
966
982
'javelin-behavior-device',
···
1039
1055
),
1040
1056
'185bbd53' => array(
1041
1057
'javelin-install',
1058
+
),
1059
+
'19f9369b' => array(
1060
+
'phui-oi-list-view-css',
1042
1061
),
1043
1062
'1aa4c968' => array(
1044
1063
'javelin-behavior',
···
1522
1541
'owners-path-editor',
1523
1542
'javelin-behavior',
1524
1543
),
1525
-
'7b98d7c5' => array(
1526
-
'javelin-behavior',
1527
-
'javelin-dom',
1528
-
'javelin-stratcom',
1529
-
'javelin-util',
1530
-
),
1531
1544
'7cbe244b' => array(
1532
1545
'javelin-install',
1533
1546
'javelin-util',
···
1650
1663
'javelin-dom',
1651
1664
'javelin-request',
1652
1665
),
1653
-
92197373 => array(
1654
-
'phui-workcard-view-css',
1655
-
),
1656
1666
'92b9ec77' => array(
1657
1667
'javelin-behavior',
1658
1668
'javelin-stratcom',
···
1718
1728
'javelin-workflow',
1719
1729
'javelin-stratcom',
1720
1730
),
1731
+
'9d9685d6' => array(
1732
+
'phui-oi-list-view-css',
1733
+
),
1721
1734
'9f36c42d' => array(
1722
1735
'javelin-behavior',
1723
1736
'javelin-stratcom',
···
1747
1760
'javelin-behavior-device',
1748
1761
'javelin-vector',
1749
1762
),
1763
+
'a3a63478' => array(
1764
+
'phui-workcard-view-css',
1765
+
),
1750
1766
'a464fe03' => array(
1751
1767
'javelin-behavior',
1752
1768
'javelin-uri',
···
1761
1777
'javelin-behavior',
1762
1778
'javelin-stratcom',
1763
1779
'javelin-dom',
1780
+
),
1781
+
'a8beebea' => array(
1782
+
'phui-oi-list-view-css',
1764
1783
),
1765
1784
'a8d8459d' => array(
1766
1785
'javelin-behavior',
···
1980
1999
'javelin-util',
1981
2000
'phabricator-notification-css',
1982
2001
),
2002
+
'cd2b9b77' => array(
2003
+
'phui-oi-list-view-css',
2004
+
),
1983
2005
'd0c516d5' => array(
1984
2006
'javelin-behavior',
1985
2007
'javelin-dom',
···
2149
2171
'f03e17be' => array(
2150
2172
'phui-theme-css',
2151
2173
),
2174
+
'f12cbc9f' => array(
2175
+
'phui-oi-list-view-css',
2176
+
),
2152
2177
'f2e58483' => array(
2153
2178
'javelin-behavior',
2154
2179
'javelin-dom',
···
2285
2310
'phabricator-nav-view-css',
2286
2311
'phui-basic-nav-view-css',
2287
2312
'phui-crumbs-view-css',
2288
-
'phui-object-item-list-view-css',
2313
+
'phui-oi-list-view-css',
2314
+
'phui-oi-color-css',
2315
+
'phui-oi-big-ui-css',
2316
+
'phui-oi-drag-ui-css',
2317
+
'phui-oi-simple-ui-css',
2318
+
'phui-oi-flush-ui-css',
2289
2319
'global-drag-and-drop-css',
2290
2320
'phui-spacing-css',
2291
2321
'phui-form-css',
+6
-1
resources/celerity/packages.php
+6
-1
resources/celerity/packages.php
···
117
117
'phabricator-nav-view-css',
118
118
'phui-basic-nav-view-css',
119
119
'phui-crumbs-view-css',
120
-
'phui-object-item-list-view-css',
120
+
'phui-oi-list-view-css',
121
+
'phui-oi-color-css',
122
+
'phui-oi-big-ui-css',
123
+
'phui-oi-drag-ui-css',
124
+
'phui-oi-simple-ui-css',
125
+
'phui-oi-flush-ui-css',
121
126
'global-drag-and-drop-css',
122
127
'phui-spacing-css',
123
128
'phui-form-css',
+1
-1
src/applications/meta/query/PhabricatorAppSearchEngine.php
+1
-1
src/applications/meta/query/PhabricatorAppSearchEngine.php
+2
-2
src/applications/settings/panel/PhabricatorHomePreferencesSettingsPanel.php
+2
-2
src/applications/settings/panel/PhabricatorHomePreferencesSettingsPanel.php
···
148
148
149
149
$list = id(new PHUIObjectItemListView())
150
150
->setViewer($viewer)
151
-
->setID($list_id);
151
+
->setID($list_id)
152
+
->setDrag(true);
152
153
153
154
Javelin::initBehavior(
154
155
'reorder-applications',
···
170
171
$item = id(new PHUIObjectItemView())
171
172
->setHeader($application->getName())
172
173
->setImageIcon($icon)
173
-
->addAttribute($application->getShortDescription())
174
174
->setGrippable(true);
175
175
176
176
$item->addAction(
+26
-8
src/view/phui/PHUIObjectItemListView.php
+26
-8
src/view/phui/PHUIObjectItemListView.php
···
9
9
private $flush;
10
10
private $simple;
11
11
private $big;
12
+
private $drag;
12
13
private $allowEmptyList;
13
-
private $itemClass = 'phui-object-item-standard';
14
+
private $itemClass = 'phui-oi-standard';
14
15
15
16
public function setAllowEmptyList($allow_empty_list) {
16
17
$this->allowEmptyList = $allow_empty_list;
···
43
44
44
45
public function setBig($big) {
45
46
$this->big = $big;
47
+
return $this;
48
+
}
49
+
50
+
public function setDrag($drag) {
51
+
$this->drag = $drag;
52
+
$this->setItemClass('phui-oi-drag');
46
53
return $this;
47
54
}
48
55
···
67
74
68
75
protected function getTagAttributes() {
69
76
$classes = array();
77
+
$classes[] = 'phui-oi-list-view';
70
78
71
-
$classes[] = 'phui-object-item-list-view';
72
79
if ($this->flush) {
73
-
$classes[] = 'phui-object-list-flush';
80
+
$classes[] = 'phui-oi-list-flush';
81
+
require_celerity_resource('phui-oi-flush-ui-css');
74
82
}
83
+
75
84
if ($this->simple) {
76
-
$classes[] = 'phui-object-list-simple';
85
+
$classes[] = 'phui-oi-list-simple';
86
+
require_celerity_resource('phui-oi-simple-ui-css');
77
87
}
88
+
78
89
if ($this->big) {
79
-
$classes[] = 'phui-object-list-big';
90
+
$classes[] = 'phui-oi-list-big';
91
+
require_celerity_resource('phui-oi-big-ui-css');
92
+
}
93
+
94
+
if ($this->drag) {
95
+
$classes[] = 'phui-oi-list-drag';
96
+
require_celerity_resource('phui-oi-drag-ui-css');
80
97
}
81
98
82
99
return array(
···
86
103
87
104
protected function getTagContent() {
88
105
$viewer = $this->getUser();
89
-
require_celerity_resource('phui-object-item-list-view-css');
106
+
require_celerity_resource('phui-oi-list-view-css');
107
+
require_celerity_resource('phui-oi-color-css');
90
108
91
109
$header = null;
92
110
if (strlen($this->header)) {
93
111
$header = phutil_tag(
94
112
'h1',
95
113
array(
96
-
'class' => 'phui-object-item-list-header',
114
+
'class' => 'phui-oi-list-header',
97
115
),
98
116
$this->header);
99
117
}
···
120
138
$items = phutil_tag(
121
139
'li',
122
140
array(
123
-
'class' => 'phui-object-item-empty',
141
+
'class' => 'phui-oi-empty',
124
142
),
125
143
$string);
126
144
+50
-50
src/view/phui/PHUIObjectItemView.php
+50
-50
src/view/phui/PHUIObjectItemView.php
···
229
229
230
230
protected function getTagAttributes() {
231
231
$item_classes = array();
232
-
$item_classes[] = 'phui-object-item';
232
+
$item_classes[] = 'phui-oi';
233
233
234
234
if ($this->icons) {
235
-
$item_classes[] = 'phui-object-item-with-icons';
235
+
$item_classes[] = 'phui-oi-with-icons';
236
236
}
237
237
238
238
if ($this->attributes) {
239
-
$item_classes[] = 'phui-object-item-with-attrs';
239
+
$item_classes[] = 'phui-oi-with-attrs';
240
240
}
241
241
242
242
if ($this->handleIcons) {
243
-
$item_classes[] = 'phui-object-item-with-handle-icons';
243
+
$item_classes[] = 'phui-oi-with-handle-icons';
244
244
}
245
245
246
246
if ($this->barColor) {
247
-
$item_classes[] = 'phui-object-item-bar-color-'.$this->barColor;
247
+
$item_classes[] = 'phui-oi-bar-color-'.$this->barColor;
248
248
} else {
249
-
$item_classes[] = 'phui-object-item-no-bar';
249
+
$item_classes[] = 'phui-oi-no-bar';
250
250
}
251
251
252
252
if ($this->actions) {
253
253
$n = count($this->actions);
254
-
$item_classes[] = 'phui-object-item-with-actions';
255
-
$item_classes[] = 'phui-object-item-with-'.$n.'-actions';
254
+
$item_classes[] = 'phui-oi-with-actions';
255
+
$item_classes[] = 'phui-oi-with-'.$n.'-actions';
256
256
}
257
257
258
258
if ($this->disabled) {
259
-
$item_classes[] = 'phui-object-item-disabled';
259
+
$item_classes[] = 'phui-oi-disabled';
260
260
}
261
261
262
262
switch ($this->effect) {
263
263
case 'highlighted':
264
-
$item_classes[] = 'phui-object-item-highlighted';
264
+
$item_classes[] = 'phui-oi-highlighted';
265
265
break;
266
266
case 'selected':
267
-
$item_classes[] = 'phui-object-item-selected';
267
+
$item_classes[] = 'phui-oi-selected';
268
268
break;
269
269
case 'visited':
270
-
$item_classes[] = 'phui-object-item-visited';
270
+
$item_classes[] = 'phui-oi-visited';
271
271
break;
272
272
case null:
273
273
break;
···
276
276
}
277
277
278
278
if ($this->getGrippable()) {
279
-
$item_classes[] = 'phui-object-item-grippable';
279
+
$item_classes[] = 'phui-oi-grippable';
280
280
}
281
281
282
282
if ($this->getImageURI()) {
283
-
$item_classes[] = 'phui-object-item-with-image';
283
+
$item_classes[] = 'phui-oi-with-image';
284
284
}
285
285
286
286
if ($this->getImageIcon()) {
287
-
$item_classes[] = 'phui-object-item-with-image-icon';
287
+
$item_classes[] = 'phui-oi-with-image-icon';
288
288
}
289
289
290
290
return array(
···
296
296
$viewer = $this->getUser();
297
297
298
298
$content_classes = array();
299
-
$content_classes[] = 'phui-object-item-content';
299
+
$content_classes[] = 'phui-oi-content';
300
300
301
301
$header_name = array();
302
302
···
311
311
phutil_tag(
312
312
'span',
313
313
array(
314
-
'class' => 'phui-object-item-objname',
314
+
'class' => 'phui-oi-objname',
315
315
),
316
316
$this->objectName),
317
317
' ',
···
329
329
$this->href ? 'a' : 'div',
330
330
array(
331
331
'href' => $this->href,
332
-
'class' => 'phui-object-item-link',
332
+
'class' => 'phui-oi-link',
333
333
'title' => $title_text,
334
334
),
335
335
$this->header);
···
340
340
$header = phutil_tag(
341
341
'div',
342
342
array(
343
-
'class' => 'phui-object-item-name',
343
+
'class' => 'phui-oi-name',
344
344
),
345
345
javelin_tag(
346
346
'span',
···
360
360
$icon = $spec['icon'];
361
361
$icon = id(new PHUIIconView())
362
362
->setIcon($icon)
363
-
->addClass('phui-object-item-icon-image');
363
+
->addClass('phui-oi-icon-image');
364
364
365
365
if (isset($spec['attributes']['tip'])) {
366
366
$sigil = 'has-tooltip';
···
375
375
$label = phutil_tag(
376
376
'span',
377
377
array(
378
-
'class' => 'phui-object-item-icon-label',
378
+
'class' => 'phui-oi-icon-label',
379
379
),
380
380
$spec['label']);
381
381
···
389
389
}
390
390
391
391
$classes = array();
392
-
$classes[] = 'phui-object-item-icon';
392
+
$classes[] = 'phui-oi-icon';
393
393
if (isset($spec['attributes']['class'])) {
394
394
$classes[] = $spec['attributes']['class'];
395
395
}
···
405
405
$icons[] = phutil_tag(
406
406
'ul',
407
407
array(
408
-
'class' => 'phui-object-item-icons',
408
+
'class' => 'phui-oi-icons',
409
409
),
410
410
$icon_list);
411
411
}
···
420
420
$handle_bar = phutil_tag(
421
421
'li',
422
422
array(
423
-
'class' => 'phui-object-item-handle-icons',
423
+
'class' => 'phui-oi-handle-icons',
424
424
),
425
425
$handle_bar);
426
426
}
···
431
431
$bylines[] = phutil_tag(
432
432
'div',
433
433
array(
434
-
'class' => 'phui-object-item-byline',
434
+
'class' => 'phui-oi-byline',
435
435
),
436
436
$byline);
437
437
}
438
438
$bylines = phutil_tag(
439
439
'div',
440
440
array(
441
-
'class' => 'phui-object-item-bylines',
441
+
'class' => 'phui-oi-bylines',
442
442
),
443
443
$bylines);
444
444
}
···
448
448
$subhead = phutil_tag(
449
449
'div',
450
450
array(
451
-
'class' => 'phui-object-item-subhead',
451
+
'class' => 'phui-oi-subhead',
452
452
),
453
453
$this->subhead);
454
454
}
···
468
468
$spacer = phutil_tag(
469
469
'span',
470
470
array(
471
-
'class' => 'phui-object-item-attribute-spacer',
471
+
'class' => 'phui-oi-attribute-spacer',
472
472
),
473
473
"\xC2\xB7");
474
474
$first = true;
···
476
476
$attrs[] = phutil_tag(
477
477
'li',
478
478
array(
479
-
'class' => 'phui-object-item-attribute',
479
+
'class' => 'phui-oi-attribute',
480
480
),
481
481
array(
482
482
($first ? null : $spacer),
···
488
488
$attrs = phutil_tag(
489
489
'ul',
490
490
array(
491
-
'class' => 'phui-object-item-attributes',
491
+
'class' => 'phui-oi-attributes',
492
492
),
493
493
array(
494
494
$handle_bar,
···
507
507
$grippable = phutil_tag(
508
508
'div',
509
509
array(
510
-
'class' => 'phui-object-item-grip',
510
+
'class' => 'phui-oi-grip',
511
511
),
512
512
'');
513
513
}
···
528
528
$image = phutil_tag(
529
529
'div',
530
530
array(
531
-
'class' => 'phui-object-item-image',
531
+
'class' => 'phui-oi-image',
532
532
'style' => 'background-image: url('.$this->getImageURI().')',
533
533
),
534
534
'');
···
536
536
$image = phutil_tag(
537
537
'div',
538
538
array(
539
-
'class' => 'phui-object-item-image-icon',
539
+
'class' => 'phui-oi-image-icon',
540
540
),
541
541
$this->getImageIcon());
542
542
}
···
556
556
$column0 = phutil_tag(
557
557
'div',
558
558
array(
559
-
'class' => 'phui-object-item-col0',
559
+
'class' => 'phui-oi-col0',
560
560
),
561
561
$status);
562
562
}
···
565
565
$column0 = phutil_tag(
566
566
'div',
567
567
array(
568
-
'class' => 'phui-object-item-col0 phui-object-item-badge',
568
+
'class' => 'phui-oi-col0 phui-oi-badge',
569
569
),
570
570
$this->badge);
571
571
}
···
574
574
$countdown = phutil_tag(
575
575
'div',
576
576
array(
577
-
'class' => 'phui-object-item-countdown-number',
577
+
'class' => 'phui-oi-countdown-number',
578
578
),
579
579
array(
580
580
phutil_tag_div('', $this->countdownNum),
···
583
583
$column0 = phutil_tag(
584
584
'div',
585
585
array(
586
-
'class' => 'phui-object-item-col0 phui-object-item-countdown',
586
+
'class' => 'phui-oi-col0 phui-oi-countdown',
587
587
),
588
588
$countdown);
589
589
}
···
591
591
$column1 = phutil_tag(
592
592
'div',
593
593
array(
594
-
'class' => 'phui-object-item-col1',
594
+
'class' => 'phui-oi-col1',
595
595
),
596
596
array(
597
597
$header,
···
603
603
$column2 = phutil_tag(
604
604
'div',
605
605
array(
606
-
'class' => 'phui-object-item-col2',
606
+
'class' => 'phui-oi-col2',
607
607
),
608
608
array(
609
609
$icons,
···
615
615
$column2 = phutil_tag(
616
616
'div',
617
617
array(
618
-
'class' => 'phui-object-item-col2 phui-object-item-launch-button',
618
+
'class' => 'phui-oi-col2 phui-oi-launch-button',
619
619
),
620
620
array(
621
621
$this->launchButton,
···
625
625
$table = phutil_tag(
626
626
'div',
627
627
array(
628
-
'class' => 'phui-object-item-table',
628
+
'class' => 'phui-oi-table',
629
629
),
630
630
phutil_tag_div(
631
-
'phui-object-item-table-row',
631
+
'phui-oi-table-row',
632
632
array(
633
633
$column0,
634
634
$column1,
···
638
638
$box = phutil_tag(
639
639
'div',
640
640
array(
641
-
'class' => 'phui-object-item-content-box',
641
+
'class' => 'phui-oi-content-box',
642
642
),
643
643
array(
644
644
$grippable,
···
656
656
$actions = phutil_tag(
657
657
'ul',
658
658
array(
659
-
'class' => 'phui-object-item-actions',
659
+
'class' => 'phui-oi-actions',
660
660
),
661
661
$actions);
662
662
}
···
664
664
$frame_content = phutil_tag(
665
665
'div',
666
666
array(
667
-
'class' => 'phui-object-item-frame-content',
667
+
'class' => 'phui-oi-frame-content',
668
668
),
669
669
array(
670
670
$actions,
···
678
678
'img',
679
679
array(
680
680
'src' => $this->coverImage,
681
-
'class' => 'phui-object-item-cover-image',
681
+
'class' => 'phui-oi-cover-image',
682
682
));
683
683
684
684
$frame_cover = phutil_tag(
685
685
'div',
686
686
array(
687
-
'class' => 'phui-object-item-frame-cover',
687
+
'class' => 'phui-oi-frame-cover',
688
688
),
689
689
$cover_image);
690
690
}
···
692
692
$frame = phutil_tag(
693
693
'div',
694
694
array(
695
-
'class' => 'phui-object-item-frame',
695
+
'class' => 'phui-oi-frame',
696
696
),
697
697
array(
698
698
$frame_cover,
···
709
709
->setIcon($icon);
710
710
711
711
$options = array(
712
-
'class' => 'phui-object-item-status-icon',
712
+
'class' => 'phui-oi-status-icon',
713
713
);
714
714
715
715
if (strlen($label)) {
···
725
725
Javelin::initBehavior('phabricator-tooltips');
726
726
727
727
$options = array(
728
-
'class' => 'phui-object-item-handle-icon',
728
+
'class' => 'phui-oi-handle-icon',
729
729
'style' => 'background-image: url('.$handle->getImageURI().')',
730
730
);
731
731
+5
-5
webroot/rsrc/css/aphront/dialog-view.css
+5
-5
webroot/rsrc/css/aphront/dialog-view.css
···
158
158
margin-top: 16px;
159
159
}
160
160
161
-
.device-desktop .aphront-dialog-flush .phui-object-item-list-view {
161
+
.device-desktop .aphront-dialog-flush .phui-oi-list-view {
162
162
margin: 0;
163
163
padding: 0;
164
164
}
165
165
166
-
.aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable
167
-
.phui-object-item {
166
+
.aphront-dialog-flush .phui-oi-list-view.phui-object-list-stackable
167
+
.phui-oi {
168
168
border: 0;
169
169
}
170
170
171
-
.aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable
172
-
.phui-object-item-frame {
171
+
.aphront-dialog-flush .phui-oi-list-view.phui-object-list-stackable
172
+
.phui-oi-frame {
173
173
border: 0;
174
174
border-top: 1px solid {$thinblueborder};
175
175
}
+1
-1
webroot/rsrc/css/application/config/config-page.css
+1
-1
webroot/rsrc/css/application/config/config-page.css
+1
-1
webroot/rsrc/css/application/flag/flag.css
+1
-1
webroot/rsrc/css/application/flag/flag.css
+2
-2
webroot/rsrc/css/application/project/project-view.css
+2
-2
webroot/rsrc/css/application/project/project-view.css
···
72
72
margin-bottom: 0;
73
73
}
74
74
75
-
.project-view-home .phui-box-grey .phui-object-item-list-view {
75
+
.project-view-home .phui-box-grey .phui-oi-list-view {
76
76
padding: 4px 8px 0 8px;
77
77
}
78
78
···
80
80
background-color: #fff;
81
81
}
82
82
83
-
.project-view-home .phui-box-grey .phui-object-item-attribute .phui-icon-view {
83
+
.project-view-home .phui-box-grey .phui-oi-attribute .phui-icon-view {
84
84
color: {$lightgreytext};
85
85
}
86
86
+1
-1
webroot/rsrc/css/application/search/search-results.css
+1
-1
webroot/rsrc/css/application/search/search-results.css
+1
-1
webroot/rsrc/css/layout/phabricator-source-code-view.css
+1
-1
webroot/rsrc/css/layout/phabricator-source-code-view.css
+48
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
+48
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
···
1
+
/**
2
+
* @provides phui-oi-big-ui-css
3
+
* @requires phui-oi-list-view-css
4
+
*/
5
+
6
+
.phui-oi-list-big ul.phui-oi-list-view {
7
+
margin: 0;
8
+
padding: 20px;
9
+
}
10
+
11
+
.phui-oi-list-big .phui-oi-no-bar .phui-oi-frame {
12
+
border: 0;
13
+
}
14
+
15
+
.phui-oi-list-big .phui-oi-image-icon {
16
+
margin: 8px 2px 12px;
17
+
}
18
+
19
+
.phui-oi-list-big a.phui-oi-link {
20
+
color: #000;
21
+
font-size: {$biggestfontsize};
22
+
}
23
+
24
+
.phui-oi-list-big .phui-oi-name {
25
+
padding-top: 6px;
26
+
}
27
+
28
+
.phui-oi-list-big .phui-oi-launch-button a.button {
29
+
font-size: {$normalfontsize};
30
+
padding: 3px 12px 4px;
31
+
}
32
+
33
+
.device-desktop .phui-oi-list-big .phui-oi {
34
+
margin-bottom: 8px;
35
+
}
36
+
37
+
.phui-oi-list-big .phui-oi-col0 {
38
+
vertical-align: top;
39
+
padding: 0;
40
+
}
41
+
42
+
.phui-oi-list-big .phui-oi-status-icon {
43
+
padding: 5px;
44
+
}
45
+
46
+
.phui-oi-list-big .phui-oi-visited a.phui-oi-link {
47
+
color: {$violet};
48
+
}
+68
webroot/rsrc/css/phui/object-item/phui-oi-color.css
+68
webroot/rsrc/css/phui/object-item/phui-oi-color.css
···
1
+
/**
2
+
* @provides phui-oi-color-css
3
+
* @requires phui-oi-list-view-css
4
+
*/
5
+
6
+
7
+
/* - Bar Colors ----------------------------------------------------------------
8
+
Colors for the left-hand border bars, used to indicate object status or other
9
+
attributes.
10
+
*/
11
+
12
+
.phui-oi-bar-color-red {
13
+
border-left-color: {$red};
14
+
}
15
+
16
+
.phui-oi-bar-color-orange {
17
+
border-left-color: {$orange};
18
+
}
19
+
20
+
.phui-oi-bar-color-yellow {
21
+
border-left-color: {$yellow};
22
+
}
23
+
24
+
.phui-oi-bar-color-green {
25
+
border-left-color: {$green};
26
+
}
27
+
28
+
.phui-oi-bar-color-sky {
29
+
border-left-color: {$sky};
30
+
}
31
+
32
+
.phui-oi-bar-color-blue {
33
+
border-left-color: {$blue};
34
+
}
35
+
36
+
.phui-oi-bar-color-indigo {
37
+
border-left-color: {$indigo};
38
+
}
39
+
40
+
.phui-oi-bar-color-violet {
41
+
border-left-color: {$violet};
42
+
}
43
+
44
+
.phui-oi-bar-color-pink {
45
+
border-left-color: {$pink};
46
+
}
47
+
48
+
.phui-oi-bar-color-fire {
49
+
border-left-color: {$fire};
50
+
}
51
+
52
+
.phui-oi-bar-color-bluegrey {
53
+
border-left-color: {$bluetext};
54
+
}
55
+
56
+
.phui-oi-bar-color-lightbluetext {
57
+
border-left-color: {$lightbluetext};
58
+
}
59
+
60
+
.phui-oi-bar-color-grey,
61
+
.phui-oi-bar-color-lightgreytext {
62
+
border-left-color: {$lightgreytext};
63
+
}
64
+
65
+
.phui-oi-bar-color-black,
66
+
.phui-oi-bar-color-dark {
67
+
border-left-color: {$darkgreytext};
68
+
}
+59
webroot/rsrc/css/phui/object-item/phui-oi-drag-ui.css
+59
webroot/rsrc/css/phui/object-item/phui-oi-drag-ui.css
···
1
+
/**
2
+
* @provides phui-oi-drag-ui-css
3
+
* @requires phui-oi-list-view-css
4
+
*/
5
+
6
+
.phui-object-box .phui-oi-list-view.phui-oi-list-drag {
7
+
margin-top: 8px;
8
+
margin-bottom: 4px;
9
+
}
10
+
11
+
.phui-oi.phui-oi-drag {
12
+
background: {$bluebackground};
13
+
border-radius: 3px;
14
+
border: none;
15
+
}
16
+
17
+
.phui-oi.phui-oi-drag,
18
+
.phui-oi.phui-oi-drag .phui-oi-frame {
19
+
border: none;
20
+
}
21
+
22
+
.phui-object-box .phui-oi-list-view .phui-oi.phui-oi-drag {
23
+
margin-top: 4px;
24
+
}
25
+
26
+
.phui-oi-drag.phui-oi-with-image-icon .phui-oi-frame,
27
+
.phui-oi-drag.phui-oi-with-image .phui-oi-frame,
28
+
.phui-oi-drag .phui-oi-frame {
29
+
min-height: 36px;
30
+
}
31
+
32
+
.phui-oi-drag .phui-oi-list-icon {
33
+
height: auto;
34
+
width: auto;
35
+
}
36
+
37
+
.phui-oi-drag .phui-oi-image-icon .phui-icon-view {
38
+
height: 16px;
39
+
width: 16px;
40
+
font-size: 16px;
41
+
line-height: 20px;
42
+
}
43
+
44
+
.phui-oi-drag.phui-oi-grippable .phui-oi-frame {
45
+
padding-left: 28px;
46
+
}
47
+
48
+
.phui-oi-drag .phui-oi-grip {
49
+
left: 4px;
50
+
}
51
+
52
+
.phui-oi-drag.phui-oi-with-image-icon .phui-oi-content-box,
53
+
.phui-oi-drag.phui-oi-with-image .phui-oi-content-box {
54
+
margin-left: 24px;
55
+
}
56
+
57
+
.phui-oi-list-drag .drag-ghost {
58
+
margin-top: 4px;
59
+
}
+13
webroot/rsrc/css/phui/object-item/phui-oi-flush-ui.css
+13
webroot/rsrc/css/phui/object-item/phui-oi-flush-ui.css
+625
webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
+625
webroot/rsrc/css/phui/object-item/phui-oi-list-view.css
···
1
+
/**
2
+
* @provides phui-oi-list-view-css
3
+
*/
4
+
5
+
.phui-oi {
6
+
border-left-width: 0;
7
+
}
8
+
9
+
ul.phui-oi-list-view {
10
+
padding: 8px;
11
+
list-style: none;
12
+
}
13
+
14
+
.device-desktop .phui-oi-list-view {
15
+
padding: 16px;
16
+
}
17
+
18
+
.phui-oi-list-view + .phui-oi-list-view {
19
+
padding-top: 0;
20
+
}
21
+
22
+
.phui-object-box .phui-oi-list-view .phui-oi {
23
+
margin: 0;
24
+
}
25
+
26
+
.phui-oi-list-view .phui-info-view {
27
+
margin: 0;
28
+
}
29
+
30
+
.phui-object-box .phui-oi-list-view .phui-info-view {
31
+
color: {$greytext};
32
+
border: none;
33
+
}
34
+
35
+
.phui-oi {
36
+
border-style: solid;
37
+
border-color: {$lightgreyborder};
38
+
margin: 5px 0;
39
+
overflow: hidden;
40
+
background: #fff;
41
+
margin-bottom: 4px;
42
+
}
43
+
44
+
.phui-oi .phui-icon-view {
45
+
display: inline-block;
46
+
}
47
+
48
+
.phui-oi-frame {
49
+
border-color: {$lightblueborder};
50
+
border-width: 1px 1px 1px 0;
51
+
border-style: solid;
52
+
position: relative;
53
+
min-height: 33px;
54
+
overflow: hidden;
55
+
}
56
+
57
+
.phui-oi-cover-image {
58
+
display: none;
59
+
}
60
+
61
+
.phui-oi-no-bar .phui-oi-frame {
62
+
border-width: 1px;
63
+
}
64
+
65
+
.device-desktop .phui-oi {
66
+
margin: 0 0 4px 0;
67
+
}
68
+
69
+
.phui-object-box .phui-oi-list-view {
70
+
margin: 0;
71
+
}
72
+
73
+
.phui-oi-status-icon {
74
+
font-weight: bold;
75
+
padding: 3px;
76
+
font-size: 16px;
77
+
}
78
+
79
+
.phui-oi-list-view .phui-oi-col0 .phui-icon-view {
80
+
width: 17px;
81
+
text-align: center;
82
+
overflow: visible;
83
+
position: relative;
84
+
left: -1px;
85
+
}
86
+
87
+
.phui-oi-name {
88
+
padding: 8px 8px 0;
89
+
white-space: nowrap;
90
+
word-wrap: break-word;
91
+
overflow: hidden;
92
+
text-overflow: ellipsis;
93
+
font-weight: bold;
94
+
-webkit-font-smoothing: antialiased;
95
+
}
96
+
97
+
.device-phone .phui-oi-name {
98
+
overflow: normal;
99
+
white-space: normal;
100
+
font-weight: bold;
101
+
}
102
+
103
+
.phui-oi-link {
104
+
display: inline;
105
+
}
106
+
107
+
.phui-oi-objname {
108
+
color: #000;
109
+
cursor: text;
110
+
font-weight: bold;
111
+
}
112
+
113
+
.phui-oi-content {
114
+
margin: 4px 8px 2px 0;
115
+
overflow: hidden;
116
+
}
117
+
118
+
.phui-oi-grippable {
119
+
cursor: move;
120
+
}
121
+
122
+
.device .phui-oi-grippable {
123
+
cursor: normal;
124
+
}
125
+
126
+
.phui-oi-grip {
127
+
position: absolute;
128
+
top: 0;
129
+
bottom: 0;
130
+
left: 0;
131
+
width: 20px;
132
+
background: url('/rsrc/image/texture/grip.png') center center no-repeat;
133
+
}
134
+
135
+
.device .phui-oi-grip {
136
+
display: none;
137
+
}
138
+
139
+
.phui-oi-grippable .phui-oi-frame {
140
+
padding-left: 16px;
141
+
}
142
+
143
+
.device .phui-oi-grippable .phui-oi-frame {
144
+
padding-left: 0;
145
+
}
146
+
147
+
.phui-oi-list-header {
148
+
padding: 0 0 8px 0;
149
+
color: {$darkgreytext};
150
+
}
151
+
152
+
.phui-oi-table {
153
+
display: table;
154
+
table-layout: fixed;
155
+
width: 100%;
156
+
}
157
+
158
+
.phui-oi-table-row {
159
+
display: table-row;
160
+
}
161
+
162
+
.phui-oi-col0 {
163
+
width: 20px;
164
+
display: table-cell;
165
+
vertical-align: middle;
166
+
padding-left: 4px;
167
+
}
168
+
169
+
.device-phone .phui-oi-col0 {
170
+
vertical-align: top;
171
+
padding-top: 8px;
172
+
}
173
+
174
+
.phui-oi-col1 {
175
+
display: table-cell;
176
+
vertical-align: top;
177
+
}
178
+
179
+
.phui-oi-col2 {
180
+
width: 160px;
181
+
display: table-cell;
182
+
vertical-align: top;
183
+
}
184
+
185
+
.device-phone .phui-oi-col1,
186
+
.device-phone .phui-oi-col2 {
187
+
display: block;
188
+
width: auto;
189
+
}
190
+
191
+
/* - Item Actions --------------------------------------------------------------
192
+
193
+
Action buttons, like "Edit" and "Delete".
194
+
195
+
*/
196
+
197
+
.phui-oi-actions {
198
+
position: absolute;
199
+
right: 4px;
200
+
top: 4px;
201
+
bottom: 4px;
202
+
vertical-align: middle;
203
+
text-align: right;
204
+
}
205
+
206
+
.phui-oi-actions .phui-list-item-view {
207
+
float: right;
208
+
height: 100%;
209
+
width: 24px;
210
+
display: inline-block;
211
+
position: relative;
212
+
}
213
+
214
+
.phui-oi-actions .phui-list-item-href {
215
+
display: inline-block;
216
+
position: relative;
217
+
width: 24px;
218
+
height: 100%;
219
+
}
220
+
221
+
.device-desktop .phui-oi-actions .phui-list-item-href:hover {
222
+
background: {$hoverblue};
223
+
border-radius: 3px;
224
+
}
225
+
226
+
.phui-oi-actions .phui-list-item-icon {
227
+
width: 14px;
228
+
height: 14px;
229
+
position: absolute;
230
+
display: block;
231
+
top: 50%;
232
+
margin-top: -7px;
233
+
left: 3px;
234
+
}
235
+
236
+
.phui-oi-actions .phui-list-item-name {
237
+
display: none;
238
+
}
239
+
240
+
.phui-oi-with-1-actions .phui-oi-content-box {
241
+
margin-right: 28px;
242
+
overflow: hidden;
243
+
}
244
+
245
+
.phui-oi-with-2-actions .phui-oi-content-box {
246
+
margin-right: 54px;
247
+
overflow: hidden;
248
+
}
249
+
250
+
.phui-oi-with-3-actions .phui-oi-content-box {
251
+
margin-right: 76px;
252
+
overflow: hidden;
253
+
}
254
+
255
+
256
+
/* - Object Box List -----------------------------------------------------------
257
+
258
+
Tighter, stacking list when inside an Object Box
259
+
260
+
*/
261
+
262
+
.phui-object-box .phui-oi-list-view {
263
+
padding: 0;
264
+
border: none;
265
+
}
266
+
267
+
.phui-object-box .phui-oi-frame {
268
+
border-right: none;
269
+
}
270
+
271
+
.phui-object-box .phui-oi:last-child
272
+
.phui-oi-frame {
273
+
border-bottom: none;
274
+
}
275
+
276
+
277
+
/* - Subhead -------------------------------------------------------------------
278
+
279
+
Descriptive Text or Links under the main header, before attributes.
280
+
281
+
*/
282
+
283
+
.phui-oi-subhead {
284
+
color: {$greytext};
285
+
padding: 0 8px 6px;
286
+
}
287
+
288
+
289
+
/* - Attribute List ------------------------------------------------------------
290
+
291
+
Object attributes, commonly used to render created date, etc.
292
+
293
+
*/
294
+
295
+
.phui-oi-attributes {
296
+
padding: 0 8px 6px;
297
+
line-height: 18px;
298
+
min-height: 21px;
299
+
}
300
+
301
+
.phui-oi-attribute {
302
+
display: inline-block;
303
+
color: {$greytext};
304
+
vertical-align: top;
305
+
}
306
+
307
+
.phui-oi-attribute-spacer {
308
+
padding: 0 4px;
309
+
}
310
+
311
+
312
+
/* - Icons ---------------------------------------------------------------------
313
+
314
+
Icons, which show object state. On mobile, they are rendered without labels
315
+
to save space.
316
+
317
+
*/
318
+
319
+
.phui-object-icon-pane {
320
+
margin: 8px 0 4px;
321
+
}
322
+
323
+
.device-phone .phui-object-icon-pane {
324
+
margin: 0 0 4px;
325
+
}
326
+
327
+
.phui-oi-icons {
328
+
padding: 0 4px 0 0;
329
+
}
330
+
331
+
.device-phone .phui-oi-icons {
332
+
padding: 0 0 0 8px;
333
+
}
334
+
335
+
ul.phui-oi-icons {
336
+
margin: 0;
337
+
}
338
+
339
+
.phui-oi-icon {
340
+
vertical-align: middle;
341
+
font-size: {$smallerfontsize};
342
+
color: {$greytext};
343
+
text-align: right;
344
+
white-space: nowrap;
345
+
overflow: hidden;
346
+
min-height: 18px;
347
+
line-height: 18px;
348
+
}
349
+
350
+
.device-phone .phui-oi-icon {
351
+
text-align: left;
352
+
font-size: 13px;
353
+
}
354
+
355
+
/*
356
+
* Items with icon 'none' still have on mobile, thus creating a weird vertical
357
+
* margin for elements which follow
358
+
*/
359
+
.device-phone .phui-oi-icon .none {
360
+
display: none;
361
+
}
362
+
363
+
.phui-oi-icon-image {
364
+
width: 14px;
365
+
height: 14px;
366
+
font-size: 13px;
367
+
margin-right: 4px;
368
+
}
369
+
370
+
371
+
/* - Disabled ------------------------------------------------------------------
372
+
373
+
Disabled/inactive objects.
374
+
375
+
*/
376
+
377
+
378
+
.phui-oi.phui-oi-disabled .phui-oi-link,
379
+
.phui-oi.phui-oi-disabled .phui-oi-link a {
380
+
color: {$lightgreytext};
381
+
}
382
+
383
+
.phui-oi.phui-oi-disabled .phui-oi-frame {
384
+
border-color: #d7d7d7;
385
+
}
386
+
387
+
.phui-oi.phui-oi-disabled .phui-oi-objname {
388
+
color: {$greytext};
389
+
text-decoration: line-through;
390
+
}
391
+
392
+
393
+
/* - Effects -------------------------------------------------------------------
394
+
395
+
Effects like highlighted items.
396
+
397
+
*/
398
+
399
+
.phui-oi.phui-oi-highlighted {
400
+
background: {$sh-yellowbackground};
401
+
}
402
+
403
+
ul.phui-oi-list-view .phui-oi-highlighted
404
+
.phui-oi-frame {
405
+
border-color: {$sh-yellowborder};
406
+
}
407
+
408
+
.phui-oi-selected {
409
+
background: {$sh-bluebackground};
410
+
}
411
+
412
+
ul.phui-oi-list-view .phui-oi-selected
413
+
.phui-oi-frame {
414
+
border-color: {$sh-blueborder};
415
+
}
416
+
417
+
418
+
/* - Handle Icons --------------------------------------------------------------
419
+
420
+
Shows owners, reviewers, etc., using profile picture icons.
421
+
422
+
*/
423
+
424
+
.phui-oi-handle-icons {
425
+
bottom: 0;
426
+
right: 4px;
427
+
position: absolute;
428
+
}
429
+
430
+
.phui-oi-handle-icon {
431
+
width: 24px;
432
+
height: 24px;
433
+
display: inline-block;
434
+
background-size: 100%;
435
+
border-radius: 3px;
436
+
background-repeat: no-repeat;
437
+
}
438
+
439
+
440
+
/* - Bylines -------------------------------------------------------------------
441
+
442
+
Shows owners, authors, reviewers, etc., in text.
443
+
444
+
*/
445
+
446
+
.phui-oi-bylines {
447
+
padding: 0 4px 0 8px;
448
+
margin: 4px 0 8px;
449
+
font-size: {$smallerfontsize};
450
+
color: {$greytext};
451
+
text-align: right;
452
+
}
453
+
454
+
.phui-oi-byline {
455
+
white-space: nowrap;
456
+
text-overflow: ellipsis;
457
+
overflow: hidden;
458
+
}
459
+
460
+
.device-phone .phui-oi-bylines {
461
+
float: none;
462
+
text-align: left;
463
+
padding: 0 8px;
464
+
font-size: {$normalfontsize};
465
+
}
466
+
467
+
468
+
/* - Draggable List ------------------------------------------------------------
469
+
470
+
These classes are applied by and/or provided for use with JX.DraggableList.
471
+
472
+
*/
473
+
474
+
.drag-ghost {
475
+
position: relative;
476
+
background: {$sh-indigobackground};
477
+
border-radius: 3px;
478
+
margin-bottom: 4px;
479
+
border: 1px dashed {$sh-indigoborder};
480
+
}
481
+
482
+
.drag-dragging {
483
+
opacity: 0.25;
484
+
}
485
+
486
+
.drag-sending {
487
+
opacity: 0.5;
488
+
}
489
+
490
+
.drag-clone,
491
+
.drag-frame {
492
+
/* This allows mousewheel events to pass through the clone and frame while
493
+
they are being dragged. Without this, the mousewheel does not work during
494
+
a drag operation. */
495
+
pointer-events: none;
496
+
}
497
+
498
+
.drag-frame {
499
+
position: fixed;
500
+
overflow: hidden;
501
+
left: 0;
502
+
right: 0;
503
+
top: 0;
504
+
bottom: 0;
505
+
}
506
+
507
+
.drag-clone {
508
+
position: absolute;
509
+
list-style: none;
510
+
}
511
+
512
+
/* - Badges ---------------------------------------------------------------- */
513
+
514
+
.phui-oi-col0.phui-oi-badge {
515
+
width: 28px;
516
+
}
517
+
518
+
.phui-oi-col0.phui-oi-badge .phui-icon-view {
519
+
left: 0;
520
+
}
521
+
522
+
/* - Countdowns ------------------------------------------------------------ */
523
+
524
+
.phui-oi-col0.phui-oi-countdown {
525
+
width: 52px;
526
+
padding: 0;
527
+
}
528
+
529
+
.phui-oi-countdown .phui-oi-countdown-number {
530
+
border-right: 1px solid {$thinblueborder};
531
+
text-align: center;
532
+
color: {$bluetext};
533
+
}
534
+
535
+
536
+
/* - Dashboards ------------------------------------------------------------ */
537
+
538
+
.phui-object-box .phui-oi-list-view .phui-oi-frame {
539
+
border: none;
540
+
border-bottom: 1px solid {$thinblueborder};
541
+
}
542
+
543
+
.drag-clone.phui-oi-standard .phui-oi-frame {
544
+
border: none;
545
+
opacity: 0.8;
546
+
background: {$sh-bluebackground};
547
+
}
548
+
549
+
.phui-object-box .phui-oi-list-header {
550
+
font-size: {$normalfontsize};
551
+
color: {$darkbluetext};
552
+
border-top: 1px solid {$thinblueborder};
553
+
border-bottom: 1px solid {$thinblueborder};
554
+
padding: 8px;
555
+
background-color: {$lightgreybackground};
556
+
}
557
+
558
+
.phui-object-box .phui-header-shell + .phui-oi-list-view .phui-oi-list-header,
559
+
.phui-object-box .phui-object-box-hidden-content + .phui-oi-list-view
560
+
.phui-oi-list-header,
561
+
.phui-object-box .phui-object-box-hidden-content + .phui-oi-list-header {
562
+
border-top: none;
563
+
}
564
+
565
+
.dashboard-pane .phui-oi-empty .phui-info-view {
566
+
border: none;
567
+
margin: 0;
568
+
}
569
+
570
+
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
571
+
.aphront-multi-column-column-outer.third .phui-oi-col2 {
572
+
display: none;
573
+
}
574
+
575
+
576
+
/* - Launcher List ---------------------------------------------------------- */
577
+
578
+
.phui-oi-image-icon {
579
+
background: none;
580
+
width: 40px;
581
+
height: 40px;
582
+
margin: 8px 6px;
583
+
position: absolute;
584
+
}
585
+
586
+
.phui-oi-image-icon .phui-icon-view {
587
+
position: absolute;
588
+
width: 40px;
589
+
height: 40px;
590
+
font-size: 26px;
591
+
text-align: center;
592
+
line-height: 36px;
593
+
}
594
+
595
+
.phui-oi-image {
596
+
width: 40px;
597
+
height: 40px;
598
+
border-radius: 3px;
599
+
background-size: 100%;
600
+
margin: 8px 6px;
601
+
position: absolute;
602
+
}
603
+
604
+
.phui-oi-with-image-icon .phui-oi-frame,
605
+
.phui-oi-with-image .phui-oi-frame {
606
+
min-height: 52px;
607
+
}
608
+
609
+
.phui-oi-with-image-icon .phui-oi-content-box,
610
+
.phui-oi-with-image .phui-oi-content-box {
611
+
margin-left: 46px;
612
+
}
613
+
614
+
/* - Launcher Button -------------------------------------------------------- */
615
+
616
+
.phui-oi-col2.phui-oi-launch-button {
617
+
text-align: right;
618
+
vertical-align: middle;
619
+
padding-right: 4px;
620
+
}
621
+
622
+
.device-phone .phui-oi-col2.phui-oi-launch-button {
623
+
padding: 0 8px 8px;
624
+
text-align: left;
625
+
}
+43
webroot/rsrc/css/phui/object-item/phui-oi-simple-ui.css
+43
webroot/rsrc/css/phui/object-item/phui-oi-simple-ui.css
···
1
+
/**
2
+
* @provides phui-oi-simple-ui-css
3
+
* @requires phui-oi-list-view-css
4
+
*/
5
+
6
+
.phui-oi-list-simple .phui-oi-with-image .phui-oi-frame {
7
+
min-height: 26px;
8
+
}
9
+
10
+
.phui-oi-list-simple .phui-oi-image {
11
+
height: 26px;
12
+
width: 26px;
13
+
margin: 0;
14
+
}
15
+
16
+
.phui-oi-list-simple .phui-oi-with-image
17
+
.phui-oi-content-box {
18
+
margin-left: 32px;
19
+
}
20
+
21
+
.phui-oi-list-simple .phui-oi-name {
22
+
padding: 2px 0;
23
+
}
24
+
25
+
.phui-oi-list-simple .phui-oi-name a {
26
+
color: {$darkbluetext};
27
+
}
28
+
29
+
.phui-oi-list-view.phui-oi-list-simple .phui-oi-frame {
30
+
border: none;
31
+
margin-bottom: 4px;
32
+
}
33
+
34
+
.phui-oi-list-view.phui-oi-list-simple li:last-child
35
+
.phui-oi-frame {
36
+
margin: 0;
37
+
}
38
+
39
+
.phui-oi-list-simple .phui-oi-actions {
40
+
top: 2px;
41
+
bottom: 2px;
42
+
right: 2px;
43
+
}
+7
-7
webroot/rsrc/css/phui/phui-box.css
+7
-7
webroot/rsrc/css/phui/phui-box.css
···
24
24
border-color: {$thinblueborder};
25
25
}
26
26
27
-
.phui-box-blue .phui-object-item,
28
-
.phui-box-grey .phui-object-item {
27
+
.phui-box-blue .phui-oi,
28
+
.phui-box-grey .phui-oi {
29
29
background: transparent;
30
30
}
31
31
32
-
.phui-box-blue .phui-object-item-link,
33
-
.phui-box-grey .phui-object-item-link {
32
+
.phui-box-blue .phui-oi-link,
33
+
.phui-box-grey .phui-oi-link {
34
34
color: {$darkbluetext};
35
35
}
36
36
37
-
.phui-box-blue .phui-object-item-list-view,
38
-
.phui-box-grey .phui-object-item-list-view {
37
+
.phui-box-blue .phui-oi-list-view,
38
+
.phui-box-grey .phui-oi-list-view {
39
39
background-color: #fff;
40
40
}
41
41
···
98
98
color: {$bluetext};
99
99
}
100
100
101
-
.phui-box-blue-property .phui-object-item-list-view {
101
+
.phui-box-blue-property .phui-oi-list-view {
102
102
padding: 2px 8px;
103
103
}
104
104
+1
-1
webroot/rsrc/css/phui/phui-crumbs-view.css
+1
-1
webroot/rsrc/css/phui/phui-crumbs-view.css
-790
webroot/rsrc/css/phui/phui-object-item-list-view.css
-790
webroot/rsrc/css/phui/phui-object-item-list-view.css
···
1
-
/**
2
-
* @provides phui-object-item-list-view-css
3
-
*/
4
-
5
-
ul.phui-object-item-list-view {
6
-
padding: 8px;
7
-
list-style: none;
8
-
}
9
-
10
-
.device-desktop .phui-object-item-list-view {
11
-
padding: 16px;
12
-
}
13
-
14
-
.phui-object-item-list-view + .phui-object-item-list-view {
15
-
padding-top: 0;
16
-
}
17
-
18
-
.phui-object-item-list-view.phui-object-list-flush {
19
-
padding: 0;
20
-
margin: 0;
21
-
}
22
-
23
-
.phui-object-box .phui-object-item-list-view .phui-object-item {
24
-
margin: 0;
25
-
}
26
-
27
-
.phui-object-item-list-view .phui-info-view {
28
-
margin: 0;
29
-
}
30
-
31
-
.phui-object-box .phui-object-item-list-view .phui-info-view {
32
-
color: {$greytext};
33
-
border: none;
34
-
}
35
-
36
-
.phui-object-item {
37
-
border-style: solid;
38
-
border-color: {$lightgreyborder};
39
-
margin: 5px 0;
40
-
overflow: hidden;
41
-
background: #fff;
42
-
margin-bottom: 4px;
43
-
}
44
-
45
-
.phui-object-item .phui-icon-view {
46
-
display: inline-block;
47
-
}
48
-
49
-
.phui-object-item-frame {
50
-
border-color: {$lightblueborder};
51
-
border-width: 1px 1px 1px 0;
52
-
border-style: solid;
53
-
position: relative;
54
-
min-height: 33px;
55
-
overflow: hidden;
56
-
}
57
-
58
-
.phui-object-item-cover-image {
59
-
display: none;
60
-
}
61
-
62
-
.phui-object-item-no-bar .phui-object-item-frame {
63
-
border-width: 1px;
64
-
}
65
-
66
-
.device-desktop .phui-object-item {
67
-
margin: 0 0 4px 0;
68
-
}
69
-
70
-
.phui-object-box .phui-object-list-flush .phui-object-item {
71
-
margin: 0;
72
-
}
73
-
74
-
.phui-object-box .phui-object-item-list-view {
75
-
margin: 0;
76
-
}
77
-
78
-
.phui-object-item-status-icon {
79
-
font-weight: bold;
80
-
padding: 3px;
81
-
font-size: 16px;
82
-
}
83
-
84
-
.phui-object-item-list-view .phui-object-item-col0 .phui-icon-view {
85
-
width: 17px;
86
-
text-align: center;
87
-
overflow: visible;
88
-
position: relative;
89
-
left: -1px;
90
-
}
91
-
92
-
.phui-object-item-name {
93
-
padding: 8px 8px 0;
94
-
white-space: nowrap;
95
-
word-wrap: break-word;
96
-
overflow: hidden;
97
-
text-overflow: ellipsis;
98
-
font-weight: bold;
99
-
-webkit-font-smoothing: antialiased;
100
-
}
101
-
102
-
.device-phone .phui-object-item-name {
103
-
overflow: normal;
104
-
white-space: normal;
105
-
font-weight: bold;
106
-
}
107
-
108
-
.phui-object-item-link {
109
-
display: inline;
110
-
}
111
-
112
-
.phui-object-item-objname {
113
-
color: #000;
114
-
cursor: text;
115
-
font-weight: bold;
116
-
}
117
-
118
-
.phui-object-item-content {
119
-
margin: 4px 8px 2px 0;
120
-
overflow: hidden;
121
-
}
122
-
123
-
.phui-object-item-grippable {
124
-
cursor: move;
125
-
}
126
-
127
-
.device .phui-object-item-grippable {
128
-
cursor: normal;
129
-
}
130
-
131
-
.phui-object-item-grip {
132
-
position: absolute;
133
-
top: 0;
134
-
bottom: 0;
135
-
left: 0;
136
-
width: 20px;
137
-
background: url('/rsrc/image/texture/grip.png') center center no-repeat;
138
-
}
139
-
140
-
.device .phui-object-item-grip {
141
-
display: none;
142
-
}
143
-
144
-
.phui-object-item-grippable .phui-object-item-frame {
145
-
padding-left: 16px;
146
-
}
147
-
148
-
.device .phui-object-item-grippable .phui-object-item-frame {
149
-
padding-left: 0;
150
-
}
151
-
152
-
.phui-object-item-list-header {
153
-
padding: 0 0 8px 0;
154
-
color: {$darkgreytext};
155
-
}
156
-
157
-
.phui-object-item-table {
158
-
display: table;
159
-
table-layout: fixed;
160
-
width: 100%;
161
-
}
162
-
163
-
.phui-object-item-table-row {
164
-
display: table-row;
165
-
}
166
-
167
-
.phui-object-item-col0 {
168
-
width: 20px;
169
-
display: table-cell;
170
-
vertical-align: middle;
171
-
padding-left: 4px;
172
-
}
173
-
174
-
.device-phone .phui-object-item-col0 {
175
-
vertical-align: top;
176
-
padding-top: 8px;
177
-
}
178
-
179
-
.phui-object-item-col1 {
180
-
display: table-cell;
181
-
vertical-align: top;
182
-
}
183
-
184
-
.phui-object-item-col2 {
185
-
width: 160px;
186
-
display: table-cell;
187
-
vertical-align: top;
188
-
}
189
-
190
-
.device-phone .phui-object-item-col1,
191
-
.device-phone .phui-object-item-col2 {
192
-
display: block;
193
-
width: auto;
194
-
}
195
-
196
-
/* - Item Actions --------------------------------------------------------------
197
-
198
-
Action buttons, like "Edit" and "Delete".
199
-
200
-
*/
201
-
202
-
.phui-object-item-actions {
203
-
position: absolute;
204
-
right: 4px;
205
-
top: 4px;
206
-
bottom: 4px;
207
-
vertical-align: middle;
208
-
text-align: right;
209
-
}
210
-
211
-
.phui-object-item-actions .phui-list-item-view {
212
-
float: right;
213
-
height: 100%;
214
-
width: 24px;
215
-
display: inline-block;
216
-
position: relative;
217
-
}
218
-
219
-
.phui-object-item-actions .phui-list-item-href {
220
-
display: inline-block;
221
-
position: relative;
222
-
width: 24px;
223
-
height: 100%;
224
-
}
225
-
226
-
.device-desktop .phui-object-item-actions .phui-list-item-href:hover {
227
-
background: {$hoverblue};
228
-
border-radius: 3px;
229
-
}
230
-
231
-
.phui-object-item-actions .phui-list-item-icon {
232
-
width: 14px;
233
-
height: 14px;
234
-
position: absolute;
235
-
display: block;
236
-
top: 50%;
237
-
margin-top: -7px;
238
-
left: 3px;
239
-
}
240
-
241
-
.phui-object-item-actions .phui-list-item-name {
242
-
display: none;
243
-
}
244
-
245
-
.phui-object-item-with-1-actions .phui-object-item-content-box {
246
-
margin-right: 28px;
247
-
overflow: hidden;
248
-
}
249
-
250
-
.phui-object-item-with-2-actions .phui-object-item-content-box {
251
-
margin-right: 54px;
252
-
overflow: hidden;
253
-
}
254
-
255
-
.phui-object-item-with-3-actions .phui-object-item-content-box {
256
-
margin-right: 76px;
257
-
overflow: hidden;
258
-
}
259
-
260
-
261
-
/* - Object Box List -----------------------------------------------------------
262
-
263
-
Tighter, stacking list when inside an Object Box
264
-
265
-
*/
266
-
267
-
.phui-object-box .phui-object-item-list-view {
268
-
padding: 0;
269
-
border: none;
270
-
}
271
-
272
-
.phui-object-box .phui-object-item-frame {
273
-
border-right: none;
274
-
}
275
-
276
-
.phui-object-box .phui-object-item:last-child
277
-
.phui-object-item-frame {
278
-
border-bottom: none;
279
-
}
280
-
281
-
282
-
/* - Subhead -------------------------------------------------------------------
283
-
284
-
Descriptive Text or Links under the main header, before attributes.
285
-
286
-
*/
287
-
288
-
.phui-object-item-subhead {
289
-
color: {$greytext};
290
-
padding: 0 8px 6px;
291
-
}
292
-
293
-
294
-
/* - Attribute List ------------------------------------------------------------
295
-
296
-
Object attributes, commonly used to render created date, etc.
297
-
298
-
*/
299
-
300
-
.phui-object-item-attributes {
301
-
padding: 0 8px 6px;
302
-
line-height: 18px;
303
-
min-height: 21px;
304
-
}
305
-
306
-
.phui-object-item-attribute {
307
-
display: inline-block;
308
-
color: {$greytext};
309
-
vertical-align: top;
310
-
}
311
-
312
-
.phui-object-item-attribute-spacer {
313
-
padding: 0 4px;
314
-
}
315
-
316
-
317
-
/* - Icons ---------------------------------------------------------------------
318
-
319
-
Icons, which show object state. On mobile, they are rendered without labels
320
-
to save space.
321
-
322
-
*/
323
-
324
-
.phui-object-icon-pane {
325
-
margin: 8px 0 4px;
326
-
}
327
-
328
-
.device-phone .phui-object-icon-pane {
329
-
margin: 0 0 4px;
330
-
}
331
-
332
-
.phui-object-item-icons {
333
-
padding: 0 4px 0 0;
334
-
}
335
-
336
-
.device-phone .phui-object-item-icons {
337
-
padding: 0 0 0 8px;
338
-
}
339
-
340
-
ul.phui-object-item-icons {
341
-
margin: 0;
342
-
}
343
-
344
-
.phui-object-item-icon {
345
-
vertical-align: middle;
346
-
font-size: {$smallerfontsize};
347
-
color: {$greytext};
348
-
text-align: right;
349
-
white-space: nowrap;
350
-
overflow: hidden;
351
-
min-height: 18px;
352
-
line-height: 18px;
353
-
}
354
-
355
-
.device-phone .phui-object-item-icon {
356
-
text-align: left;
357
-
font-size: 13px;
358
-
}
359
-
360
-
/*
361
-
* Items with icon 'none' still have on mobile, thus creating a weird vertical
362
-
* margin for elements which follow
363
-
*/
364
-
.device-phone .phui-object-item-icon .none {
365
-
display: none;
366
-
}
367
-
368
-
.phui-object-item-icon-image {
369
-
width: 14px;
370
-
height: 14px;
371
-
font-size: 13px;
372
-
margin-right: 4px;
373
-
}
374
-
375
-
/* - Bar Colors ----------------------------------------------------------------
376
-
Colors for the left-hand border bars, used to indicate object status or other
377
-
attributes.
378
-
*/
379
-
380
-
.phui-object-item {
381
-
border-left-width: 0;
382
-
}
383
-
384
-
.phui-object-item-bar-color-red {
385
-
border-left-color: {$red};
386
-
}
387
-
388
-
.phui-object-item-bar-color-orange {
389
-
border-left-color: {$orange};
390
-
}
391
-
392
-
.phui-object-item-bar-color-yellow {
393
-
border-left-color: {$yellow};
394
-
}
395
-
396
-
.phui-object-item-bar-color-green {
397
-
border-left-color: {$green};
398
-
}
399
-
400
-
.phui-object-item-bar-color-sky {
401
-
border-left-color: {$sky};
402
-
}
403
-
404
-
.phui-object-item-bar-color-blue {
405
-
border-left-color: {$blue};
406
-
}
407
-
408
-
.phui-object-item-bar-color-indigo {
409
-
border-left-color: {$indigo};
410
-
}
411
-
412
-
.phui-object-item-bar-color-violet {
413
-
border-left-color: {$violet};
414
-
}
415
-
416
-
.phui-object-item-bar-color-pink {
417
-
border-left-color: {$pink};
418
-
}
419
-
420
-
.phui-object-item-bar-color-fire {
421
-
border-left-color: {$fire};
422
-
}
423
-
424
-
.phui-object-item-bar-color-bluegrey {
425
-
border-left-color: {$bluetext};
426
-
}
427
-
428
-
.phui-object-item-bar-color-lightbluetext {
429
-
border-left-color: {$lightbluetext};
430
-
}
431
-
432
-
.phui-object-item-bar-color-grey,
433
-
.phui-object-item-bar-color-lightgreytext {
434
-
border-left-color: {$lightgreytext};
435
-
}
436
-
437
-
.phui-object-item-bar-color-black,
438
-
.phui-object-item-bar-color-dark {
439
-
border-left-color: {$darkgreytext};
440
-
}
441
-
442
-
443
-
/* - Disabled ------------------------------------------------------------------
444
-
445
-
Disabled/inactive objects.
446
-
447
-
*/
448
-
449
-
450
-
.phui-object-item.phui-object-item-disabled .phui-object-item-link,
451
-
.phui-object-item.phui-object-item-disabled .phui-object-item-link a {
452
-
color: {$lightgreytext};
453
-
}
454
-
455
-
.phui-object-item.phui-object-item-disabled .phui-object-item-frame {
456
-
border-color: #d7d7d7;
457
-
}
458
-
459
-
.phui-object-item.phui-object-item-disabled .phui-object-item-objname {
460
-
color: {$greytext};
461
-
text-decoration: line-through;
462
-
}
463
-
464
-
465
-
/* - Effects -------------------------------------------------------------------
466
-
467
-
Effects like highlighted items.
468
-
469
-
*/
470
-
471
-
.phui-object-item.phui-object-item-highlighted {
472
-
background: {$sh-yellowbackground};
473
-
}
474
-
475
-
ul.phui-object-item-list-view .phui-object-item-highlighted
476
-
.phui-object-item-frame {
477
-
border-color: {$sh-yellowborder};
478
-
}
479
-
480
-
.phui-object-item-selected {
481
-
background: {$sh-bluebackground};
482
-
}
483
-
484
-
ul.phui-object-item-list-view .phui-object-item-selected
485
-
.phui-object-item-frame {
486
-
border-color: {$sh-blueborder};
487
-
}
488
-
489
-
490
-
/* - Handle Icons --------------------------------------------------------------
491
-
492
-
Shows owners, reviewers, etc., using profile picture icons.
493
-
494
-
*/
495
-
496
-
.phui-object-item-handle-icons {
497
-
bottom: 0;
498
-
right: 4px;
499
-
position: absolute;
500
-
}
501
-
502
-
.phui-object-item-handle-icon {
503
-
width: 24px;
504
-
height: 24px;
505
-
display: inline-block;
506
-
background-size: 100%;
507
-
border-radius: 3px;
508
-
background-repeat: no-repeat;
509
-
}
510
-
511
-
512
-
/* - Bylines -------------------------------------------------------------------
513
-
514
-
Shows owners, authors, reviewers, etc., in text.
515
-
516
-
*/
517
-
518
-
.phui-object-item-bylines {
519
-
padding: 0 4px 0 8px;
520
-
margin: 4px 0 8px;
521
-
font-size: {$smallerfontsize};
522
-
color: {$greytext};
523
-
text-align: right;
524
-
}
525
-
526
-
.phui-object-item-byline {
527
-
white-space: nowrap;
528
-
text-overflow: ellipsis;
529
-
overflow: hidden;
530
-
}
531
-
532
-
.device-phone .phui-object-item-bylines {
533
-
float: none;
534
-
text-align: left;
535
-
padding: 0 8px;
536
-
font-size: {$normalfontsize};
537
-
}
538
-
539
-
540
-
/* - Draggable List ------------------------------------------------------------
541
-
542
-
These classes are applied by and/or provided for use with JX.DraggableList.
543
-
544
-
*/
545
-
546
-
.drag-ghost {
547
-
position: relative;
548
-
background: {$sh-indigobackground};
549
-
border-radius: 3px;
550
-
margin-bottom: 4px;
551
-
border: 1px dashed {$sh-indigoborder};
552
-
}
553
-
554
-
.drag-dragging {
555
-
opacity: 0.25;
556
-
}
557
-
558
-
.drag-sending {
559
-
opacity: 0.5;
560
-
}
561
-
562
-
.drag-clone,
563
-
.drag-frame {
564
-
/* This allows mousewheel events to pass through the clone and frame while
565
-
they are being dragged. Without this, the mousewheel does not work during
566
-
a drag operation. */
567
-
pointer-events: none;
568
-
}
569
-
570
-
.drag-frame {
571
-
position: fixed;
572
-
overflow: hidden;
573
-
left: 0;
574
-
right: 0;
575
-
top: 0;
576
-
bottom: 0;
577
-
}
578
-
579
-
.drag-clone {
580
-
position: absolute;
581
-
list-style: none;
582
-
}
583
-
584
-
/* - Badges ---------------------------------------------------------------- */
585
-
586
-
.phui-object-item-col0.phui-object-item-badge {
587
-
width: 28px;
588
-
}
589
-
590
-
.phui-object-item-col0.phui-object-item-badge .phui-icon-view {
591
-
left: 0;
592
-
}
593
-
594
-
/* - Countdowns ------------------------------------------------------------ */
595
-
596
-
.phui-object-item-col0.phui-object-item-countdown {
597
-
width: 52px;
598
-
padding: 0;
599
-
}
600
-
601
-
.phui-object-item-countdown .phui-object-item-countdown-number {
602
-
border-right: 1px solid {$thinblueborder};
603
-
text-align: center;
604
-
color: {$bluetext};
605
-
}
606
-
607
-
608
-
/* - Dashboards ------------------------------------------------------------ */
609
-
610
-
.phui-object-box .phui-object-item-list-view .phui-object-item-frame {
611
-
border: none;
612
-
border-bottom: 1px solid {$thinblueborder};
613
-
}
614
-
615
-
.drag-clone.phui-object-item-standard .phui-object-item-frame {
616
-
border: none;
617
-
opacity: 0.8;
618
-
background: {$sh-bluebackground};
619
-
}
620
-
621
-
.phui-object-box .phui-object-item-list-header {
622
-
font-size: {$normalfontsize};
623
-
color: {$darkbluetext};
624
-
border-top: 1px solid {$thinblueborder};
625
-
border-bottom: 1px solid {$thinblueborder};
626
-
padding: 8px;
627
-
background-color: {$lightgreybackground};
628
-
}
629
-
630
-
.phui-object-box .phui-header-shell + .phui-object-item-list-view
631
-
.phui-object-item-list-header,
632
-
.phui-object-box .phui-object-box-hidden-content + .phui-object-item-list-view
633
-
.phui-object-item-list-header,
634
-
.phui-object-box .phui-object-box-hidden-content +
635
-
.phui-object-item-list-header {
636
-
border-top: none;
637
-
}
638
-
639
-
.dashboard-pane .phui-object-item-empty .phui-info-view {
640
-
border: none;
641
-
margin: 0;
642
-
}
643
-
644
-
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
645
-
.aphront-multi-column-column-outer.third .phui-object-item-col2 {
646
-
display: none;
647
-
}
648
-
649
-
650
-
/* - Launcher List ---------------------------------------------------------- */
651
-
652
-
.phui-object-item-image-icon {
653
-
background: none;
654
-
width: 40px;
655
-
height: 40px;
656
-
margin: 8px 6px;
657
-
position: absolute;
658
-
}
659
-
660
-
.phui-object-item-image-icon .phui-icon-view {
661
-
position: absolute;
662
-
width: 40px;
663
-
height: 40px;
664
-
font-size: 26px;
665
-
text-align: center;
666
-
line-height: 36px;
667
-
}
668
-
669
-
.phui-object-item-image {
670
-
width: 40px;
671
-
height: 40px;
672
-
border-radius: 3px;
673
-
background-size: 100%;
674
-
margin: 8px 6px;
675
-
position: absolute;
676
-
}
677
-
678
-
.phui-object-item-with-image-icon .phui-object-item-frame,
679
-
.phui-object-item-with-image .phui-object-item-frame {
680
-
min-height: 52px;
681
-
}
682
-
683
-
.phui-object-item-with-image-icon .phui-object-item-content-box,
684
-
.phui-object-item-with-image .phui-object-item-content-box {
685
-
margin-left: 46px;
686
-
}
687
-
688
-
/* - Launcher Button -------------------------------------------------------- */
689
-
690
-
.phui-object-item-col2.phui-object-item-launch-button {
691
-
text-align: right;
692
-
vertical-align: middle;
693
-
padding-right: 4px;
694
-
}
695
-
696
-
.device-phone .phui-object-item-col2.phui-object-item-launch-button {
697
-
padding: 0 8px 8px;
698
-
text-align: left;
699
-
}
700
-
701
-
/* - Simple List------------------------------------------------------------- */
702
-
703
-
.phui-object-list-simple .phui-object-item-with-image .phui-object-item-frame {
704
-
min-height: 26px;
705
-
}
706
-
707
-
.phui-object-list-simple .phui-object-item-image {
708
-
height: 26px;
709
-
width: 26px;
710
-
margin: 0;
711
-
}
712
-
713
-
.phui-object-list-simple .phui-object-item-with-image
714
-
.phui-object-item-content-box {
715
-
margin-left: 32px;
716
-
}
717
-
718
-
.phui-object-list-simple .phui-object-item-name {
719
-
padding: 2px 0;
720
-
}
721
-
722
-
.phui-object-list-simple .phui-object-item-name a {
723
-
color: {$darkbluetext};
724
-
}
725
-
726
-
.phui-object-item-list-view.phui-object-list-simple .phui-object-item-frame {
727
-
border: none;
728
-
margin-bottom: 4px;
729
-
}
730
-
731
-
.phui-object-item-list-view.phui-object-list-simple li:last-child
732
-
.phui-object-item-frame {
733
-
margin: 0;
734
-
}
735
-
736
-
.phui-object-list-simple .phui-object-item-actions {
737
-
top: 2px;
738
-
bottom: 2px;
739
-
right: 2px;
740
-
}
741
-
742
-
/* - Big List---------------------------------------------------------------- */
743
-
744
-
.phui-object-list-big ul.phui-object-item-list-view {
745
-
margin: 0;
746
-
padding: 20px;
747
-
}
748
-
749
-
.phui-object-list-big .phui-object-item-no-bar .phui-object-item-frame {
750
-
border: 0;
751
-
}
752
-
753
-
.phui-object-list-big .phui-object-item-image-icon {
754
-
margin: 8px 2px 12px;
755
-
}
756
-
757
-
.phui-object-list-big a.phui-object-item-link {
758
-
color: #000;
759
-
font-size: {$biggestfontsize};
760
-
}
761
-
762
-
.phui-object-list-big .phui-object-item-name {
763
-
padding-top: 6px;
764
-
}
765
-
766
-
.phui-object-list-big .phui-object-item-launch-button a.button {
767
-
font-size: {$normalfontsize};
768
-
padding: 3px 12px 4px;
769
-
}
770
-
771
-
.device-desktop .phui-object-list-big .phui-object-item {
772
-
margin-bottom: 8px;
773
-
}
774
-
775
-
.phui-object-list-big .phui-object-item-col0 {
776
-
vertical-align: top;
777
-
padding: 0;
778
-
}
779
-
780
-
.phui-object-list-big .phui-object-item-status-icon {
781
-
padding: 5px;
782
-
}
783
-
784
-
.phui-object-list-big .phui-object-item-visited a.phui-object-item-link {
785
-
color: {$violet};
786
-
}
787
-
788
-
.device-desktop .phui-object-list-big .phui-object-item-frame:hover {
789
-
790
-
}
+2
-2
webroot/rsrc/css/phui/phui-tag-view.css
+2
-2
webroot/rsrc/css/phui/phui-tag-view.css
···
145
145
margin-top: 4px;
146
146
}
147
147
148
-
.phui-object-item .phabricator-handle-tag-list {
148
+
.phui-oi .phabricator-handle-tag-list {
149
149
display: inline;
150
150
}
151
151
152
-
.phui-object-item .phabricator-handle-tag-list-item {
152
+
.phui-oi .phabricator-handle-tag-list-item {
153
153
display: inline-block;
154
154
margin: 0 4px 2px 0;
155
155
}
+1
-1
webroot/rsrc/css/phui/phui-two-column-view.css
+1
-1
webroot/rsrc/css/phui/phui-two-column-view.css
+34
-34
webroot/rsrc/css/phui/workboards/phui-workcard.css
+34
-34
webroot/rsrc/css/phui/workboards/phui-workcard.css
···
2
2
* @provides phui-workcard-view-css
3
3
*/
4
4
5
-
.phui-workcard.phui-object-item {
5
+
.phui-workcard.phui-oi {
6
6
background-color: #fff;
7
7
border-radius: 3px;
8
8
margin-bottom: 8px;
···
10
10
box-sizing: border-box;
11
11
}
12
12
13
-
.phui-workcard .phui-object-item-name {
13
+
.phui-workcard .phui-oi-name {
14
14
padding-bottom: 4px;
15
15
}
16
16
17
-
.phui-workcard .phui-object-item-content {
17
+
.phui-workcard .phui-oi-content {
18
18
margin-top: 0;
19
19
}
20
20
21
-
.phui-workcard .phui-object-item-frame {
21
+
.phui-workcard .phui-oi-frame {
22
22
border-top-right-radius: 3px;
23
23
border-bottom-right-radius: 3px;
24
24
border-color: {$thinblueborder};
25
25
border-bottom-color: {$lightblueborder};
26
26
}
27
27
28
-
.phui-workcard.phui-object-item .phui-object-item-objname {
28
+
.phui-workcard.phui-oi .phui-oi-objname {
29
29
-webkit-touch-callout: text;
30
30
-webkit-user-select: text;
31
31
-khtml-user-select: text;
···
34
34
user-select: text;
35
35
}
36
36
37
-
.phui-workcard .phui-object-item-link {
37
+
.phui-workcard .phui-oi-link {
38
38
white-space: normal;
39
39
font-weight: normal;
40
40
color: #000;
41
41
margin-left: 2px;
42
42
}
43
43
44
-
.phui-object-item-disabled.phui-workcard {
44
+
.phui-oi-disabled.phui-workcard {
45
45
background-color: rgba({$alphawhite},.67);
46
46
}
47
47
48
-
.phui-object-item-disabled.phui-workcard .phui-object-item-link {
48
+
.phui-oi-disabled.phui-workcard .phui-oi-link {
49
49
color: {$greytext};
50
50
}
51
51
52
-
.device-desktop .phui-workcard .phui-object-item-with-1-actions
53
-
.phui-object-item-content-box {
52
+
.device-desktop .phui-workcard .phui-oi-with-1-actions
53
+
.phui-oi-content-box {
54
54
margin-right: 0;
55
55
overflow: hidden;
56
56
}
57
57
58
-
.phui-workcard .phui-object-item-objname {
58
+
.phui-workcard .phui-oi-objname {
59
59
vertical-align: top;
60
60
}
61
61
62
-
.phui-workcard.phui-object-item-grippable .phui-object-item-frame {
62
+
.phui-workcard.phui-oi-grippable .phui-oi-frame {
63
63
padding-left: 0;
64
64
}
65
65
66
-
.phui-workcard .phui-object-item-grip {
66
+
.phui-workcard .phui-oi-grip {
67
67
display: none;
68
68
}
69
69
···
71
71
display: none;
72
72
}
73
73
74
-
.phui-workcard.phui-object-item .phui-list-item-href {
74
+
.phui-workcard.phui-oi .phui-list-item-href {
75
75
height: 24px;
76
76
width: 24px;
77
77
}
78
78
79
-
.device-desktop .phui-workcard.phui-object-item:hover
79
+
.device-desktop .phui-workcard.phui-oi:hover
80
80
.phui-list-item-href {
81
81
background: #fff;
82
82
opacity: .7;
83
83
}
84
84
85
-
.device-desktop .phui-workcard.phui-object-item
85
+
.device-desktop .phui-workcard.phui-oi
86
86
.phui-list-item-href:hover {
87
87
background: {$sh-bluebackground};
88
88
opacity: 1;
89
89
}
90
90
91
-
.phui-workcard.phui-object-item:hover .phui-list-item-icon {
91
+
.phui-workcard.phui-oi:hover .phui-list-item-icon {
92
92
display: block;
93
93
}
94
94
95
-
.phui-workcard .phui-object-item-attributes {
95
+
.phui-workcard .phui-oi-attributes {
96
96
margin-right: 12px;
97
97
}
98
98
···
100
100
margin-bottom: 8px;
101
101
}
102
102
103
-
.phui-workcard .phui-object-item-cover-image {
103
+
.phui-workcard .phui-oi-cover-image {
104
104
display: block;
105
105
padding: 8px 8px 0 8px;
106
106
width: 263px;
107
107
}
108
108
109
-
.phui-workcard.phui-object-item.phui-workcard-upload-target {
109
+
.phui-workcard.phui-oi.phui-workcard-upload-target {
110
110
background-color: {$sh-greenbackground};
111
111
}
112
112
113
-
.phui-object-item-list-view .phui-workcard:last-child {
113
+
.phui-oi-list-view .phui-workcard:last-child {
114
114
margin-bottom: 0;
115
115
}
116
116
117
-
.phui-workcard .phui-object-item-attribute-spacer {
117
+
.phui-workcard .phui-oi-attribute-spacer {
118
118
display: none;
119
119
}
120
120
···
123
123
display: inline-block;
124
124
}
125
125
126
-
.phui-workcard .phui-object-item-attribute {
126
+
.phui-workcard .phui-oi-attribute {
127
127
display: inline;
128
128
}
129
129
130
130
131
131
/* - Draggable Colors --------------------------------------------------------*/
132
132
133
-
.phui-workcard.phui-object-item.drag-clone {
133
+
.phui-workcard.phui-oi.drag-clone {
134
134
box-shadow: {$dropshadow};
135
135
background-color: {$sh-greybackground};
136
136
}
137
137
138
-
.phui-workcard.phui-object-item.drag-clone .phui-list-item-href {
138
+
.phui-workcard.phui-oi.drag-clone .phui-list-item-href {
139
139
display: none;
140
140
}
141
141
142
-
.phui-workcard.drag-clone.phui-object-item-bar-color-red {
142
+
.phui-workcard.drag-clone.phui-oi-bar-color-red {
143
143
background-color: {$sh-redbackground};
144
144
}
145
145
146
-
.phui-workcard.drag-clone.phui-object-item-bar-color-orange {
146
+
.phui-workcard.drag-clone.phui-oi-bar-color-orange {
147
147
background-color: {$sh-orangebackground};
148
148
}
149
149
150
-
.phui-workcard.drag-clone.phui-object-item-bar-color-yellow {
150
+
.phui-workcard.drag-clone.phui-oi-bar-color-yellow {
151
151
background-color: {$sh-yellowbackground};
152
152
}
153
153
154
-
.phui-workcard.drag-clone.phui-object-item-bar-color-green {
154
+
.phui-workcard.drag-clone.phui-oi-bar-color-green {
155
155
background-color: {$sh-greenbackground};
156
156
}
157
157
158
-
.phui-workcard.drag-clone.phui-object-item-bar-color-blue {
158
+
.phui-workcard.drag-clone.phui-oi-bar-color-blue {
159
159
background-color: {$sh-bluebackground};
160
160
}
161
161
162
-
.phui-workcard.drag-clone.phui-object-item-bar-color-indigo {
162
+
.phui-workcard.drag-clone.phui-oi-bar-color-indigo {
163
163
background-color: {$sh-indigobackground};
164
164
}
165
165
166
-
.phui-workcard.drag-clone.phui-object-item-bar-color-violet {
166
+
.phui-workcard.drag-clone.phui-oi-bar-color-violet {
167
167
background-color: {$sh-violetbackground};
168
168
}
169
169
170
-
.phui-workcard.drag-clone.phui-object-item-bar-color-pink {
170
+
.phui-workcard.drag-clone.phui-oi-bar-color-pink {
171
171
background-color: {$sh-pinkbackground};
172
172
}
173
173
174
-
.phui-workcard.drag-clone.phui-object-item-bar-color-sky {
174
+
.phui-workcard.drag-clone.phui-oi-bar-color-sky {
175
175
background-color: {$sh-bluebackground};
176
176
}
+4
-4
webroot/rsrc/css/phui/workboards/phui-workpanel.css
+4
-4
webroot/rsrc/css/phui/workboards/phui-workpanel.css
···
83
83
width: auto;
84
84
}
85
85
86
-
.phui-workpanel-body .phui-object-item-list-view {
86
+
.phui-workpanel-body .phui-oi-list-view {
87
87
min-height: 54px;
88
88
background-color: transparent;
89
89
}
···
115
115
border-radius: 4px;
116
116
}
117
117
118
-
.project-panel-empty .phui-object-item-list-view {
118
+
.project-panel-empty .phui-oi-list-view {
119
119
background: rgba(234, 230, 247, 0.85);
120
120
border-radius: 3px;
121
121
margin-bottom: 4px;
122
122
border: 1px dashed {$sh-indigoborder};
123
123
}
124
124
125
-
.project-panel-empty .phui-object-item-list-view .drag-ghost {
125
+
.project-panel-empty .phui-oi-list-view .drag-ghost {
126
126
display: none;
127
127
}
128
128
129
-
.project-panel-empty .phui-object-item-list-view.drag-target-list {
129
+
.project-panel-empty .phui-oi-list-view.drag-target-list {
130
130
background: rgba({$alphawhite},.7);
131
131
}
132
132