1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 06:20:56 +01:00

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
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

View file

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

View file

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

View file

@ -26,7 +26,9 @@ JX.install('Busy', {
start : function() { start : function() {
var self = JX.Busy; var self = JX.Busy;
if (!self._depth) { 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; self._indicator.style.opacity = 0;
document.body.appendChild(self._indicator); document.body.appendChild(self._indicator);