@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
Use font-awesome for busy indicator
Summary: Testing out using a gear instead of compass gif and background. Let me know how it feels
Test Plan:
UIExamples busy page
{F353571}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D12201
+20
-17
+11
-11
resources/celerity/map.php
+11
-11
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => 'c5a029ea',
11
-
'core.pkg.js' => 'c5888f3d',
10
+
'core.pkg.css' => '20d3b672',
11
+
'core.pkg.js' => '0c88e7f6',
12
12
'darkconsole.pkg.js' => '8ab24e01',
13
13
'differential.pkg.css' => '571b1cc1',
14
14
'differential.pkg.js' => 'c0506961',
···
105
105
'rsrc/css/application/slowvote/slowvote.css' => '266df6a1',
106
106
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
107
107
'rsrc/css/application/uiexample/example.css' => '528b19de',
108
-
'rsrc/css/core/core.css' => '86bfbe8c',
108
+
'rsrc/css/core/core.css' => 'd17c2099',
109
109
'rsrc/css/core/remarkup.css' => 'bc65f3cc',
110
110
'rsrc/css/core/syntax.css' => '56c1ba38',
111
111
'rsrc/css/core/z-index.css' => '2db67397',
···
437
437
'rsrc/js/application/uiexample/busy-example.js' => '60479091',
438
438
'rsrc/js/application/uiexample/gesture-example.js' => '558829c2',
439
439
'rsrc/js/application/uiexample/notification-example.js' => '8ce821c5',
440
-
'rsrc/js/core/Busy.js' => '6453c869',
440
+
'rsrc/js/core/Busy.js' => 'f13d6d1d',
441
441
'rsrc/js/core/DragAndDropFileUpload.js' => '7fa4b248',
442
442
'rsrc/js/core/DraggableList.js' => 'a16ec1c6',
443
443
'rsrc/js/core/FileUpload.js' => '477359c8',
···
712
712
'people-profile-css' => '25970776',
713
713
'phabricator-action-list-view-css' => '9ee9910a',
714
714
'phabricator-application-launch-view-css' => '16ca323f',
715
-
'phabricator-busy' => '6453c869',
715
+
'phabricator-busy' => 'f13d6d1d',
716
716
'phabricator-chatlog-css' => '852140ff',
717
717
'phabricator-content-source-view-css' => '4b8b05d4',
718
-
'phabricator-core-css' => '86bfbe8c',
718
+
'phabricator-core-css' => 'd17c2099',
719
719
'phabricator-countdown-css' => '86b7b0a0',
720
720
'phabricator-dashboard-css' => '17937d22',
721
721
'phabricator-drag-and-drop-file-upload' => '7fa4b248',
···
1251
1251
'62dfea03' => array(
1252
1252
'javelin-install',
1253
1253
'javelin-util',
1254
-
),
1255
-
'6453c869' => array(
1256
-
'javelin-install',
1257
-
'javelin-dom',
1258
-
'javelin-fx',
1259
1254
),
1260
1255
'6882e80a' => array(
1261
1256
'javelin-dom',
···
1914
1909
'efe49472' => array(
1915
1910
'javelin-install',
1916
1911
'javelin-util',
1912
+
),
1913
+
'f13d6d1d' => array(
1914
+
'javelin-install',
1915
+
'javelin-dom',
1916
+
'javelin-fx',
1917
1917
),
1918
1918
'f24f3253' => array(
1919
1919
'javelin-behavior',
+6
-5
webroot/rsrc/css/core/core.css
+6
-5
webroot/rsrc/css/core/core.css
···
92
92
position: fixed;
93
93
bottom: 16px;
94
94
right: 16px;
95
-
width: 44px;
96
-
height: 44px;
97
-
border-radius: 5px;
98
-
opacity: 0.4;
99
-
background: #000 url(/rsrc/image/loading/compass_24.gif) center no-repeat;
95
+
width: 40px;
96
+
height: 40px;
97
+
}
98
+
99
+
.busy .phui-icon-view {
100
+
font-size: 40px;
100
101
}
101
102
102
103
.grouped:after {
+3
-1
webroot/rsrc/js/core/Busy.js
+3
-1
webroot/rsrc/js/core/Busy.js
···
26
26
start : function() {
27
27
var self = JX.Busy;
28
28
if (!self._depth) {
29
-
self._indicator = JX.$N('div', {className: 'busy'});
29
+
var icon = JX.$N('span',
30
+
{className: 'phui-icon-view phui-font-fa fa-gear ph-spin'});
31
+
self._indicator = JX.$N('div', {className: 'busy'}, icon);
30
32
self._indicator.style.opacity = 0;
31
33
document.body.appendChild(self._indicator);
32
34