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

Use font-awesome for busy indicator

Browse source 
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
This commit is contained in:
Chad Little 2015-03-29 16:45:18 -07:00
parent 97cc3b1588
commit a0bf9a290a
3 changed files with 20 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
resources/celerity/map.php
View file

@ -7,8 +7,8 @@
*/
return array(
'names' => array(
'core.pkg.css' => 'c5a029ea',
'core.pkg.js' => 'c5888f3d',
'core.pkg.css' => '20d3b672',
'core.pkg.js' => '0c88e7f6',
'darkconsole.pkg.js' => '8ab24e01',
'differential.pkg.css' => '571b1cc1',
'differential.pkg.js' => 'c0506961',
@ -105,7 +105,7 @@ return array(
'rsrc/css/application/slowvote/slowvote.css' => '266df6a1',
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
'rsrc/css/application/uiexample/example.css' => '528b19de',
'rsrc/css/core/core.css' => '86bfbe8c',
'rsrc/css/core/core.css' => 'd17c2099',
'rsrc/css/core/remarkup.css' => 'bc65f3cc',
'rsrc/css/core/syntax.css' => '56c1ba38',
'rsrc/css/core/z-index.css' => '2db67397',
@ -437,7 +437,7 @@ return array(
'rsrc/js/application/uiexample/busy-example.js' => '60479091',
'rsrc/js/application/uiexample/gesture-example.js' => '558829c2',
'rsrc/js/application/uiexample/notification-example.js' => '8ce821c5',
'rsrc/js/core/Busy.js' => '6453c869',
'rsrc/js/core/Busy.js' => 'f13d6d1d',
'rsrc/js/core/DragAndDropFileUpload.js' => '7fa4b248',
'rsrc/js/core/DraggableList.js' => 'a16ec1c6',
'rsrc/js/core/FileUpload.js' => '477359c8',
@ -712,10 +712,10 @@ return array(
'people-profile-css' => '25970776',
'phabricator-action-list-view-css' => '9ee9910a',
'phabricator-application-launch-view-css' => '16ca323f',
'phabricator-busy' => '6453c869',
'phabricator-busy' => 'f13d6d1d',
'phabricator-chatlog-css' => '852140ff',
'phabricator-content-source-view-css' => '4b8b05d4',
'phabricator-core-css' => '86bfbe8c',
'phabricator-core-css' => 'd17c2099',
'phabricator-countdown-css' => '86b7b0a0',
'phabricator-dashboard-css' => '17937d22',
'phabricator-drag-and-drop-file-upload' => '7fa4b248',
@ -1252,11 +1252,6 @@ return array(
'javelin-install',
'javelin-util',
),
'6453c869' => array(
'javelin-install',
'javelin-dom',
'javelin-fx',
),
'6882e80a' => array(
'javelin-dom',
),
@ -1915,6 +1910,11 @@ return array(
'javelin-install',
'javelin-util',
),
'f13d6d1d' => array(
'javelin-install',
'javelin-dom',
'javelin-fx',
),
'f24f3253' => array(
'javelin-behavior',
'javelin-dom',

11
webroot/rsrc/css/core/core.css
View file

@ -92,11 +92,12 @@ img {
position: fixed;
bottom: 16px;
right: 16px;
width: 44px;
height: 44px;
border-radius: 5px;
opacity: 0.4;
background: #000 url(/rsrc/image/loading/compass_24.gif) center no-repeat;
width: 40px;
height: 40px;
}
.busy .phui-icon-view {
font-size: 40px;
}
.grouped:after {

4
webroot/rsrc/js/core/Busy.js
View file

@ -26,7 +26,9 @@ JX.install('Busy', {
start : function() {
var self = JX.Busy;
if (!self._depth) {
self._indicator = JX.$N('div', {className: 'busy'});
var icon = JX.$N('span',
{className: 'phui-icon-view phui-font-fa fa-gear ph-spin'});
self._indicator = JX.$N('div', {className: 'busy'}, icon);
self._indicator.style.opacity = 0;
document.body.appendChild(self._indicator);