Make busy indicator durable column aware

Summary: Fixes T7699, moves busy indicator when durable column is present

Test Plan: visit uiexamples busy page, toggle column on and off

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T7699

Differential Revision: https://secure.phabricator.com/D12257

resources/celerity/map.php

@@ -7,8 +7,8 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => '0e73b9f2',
-    'core.pkg.js' => '0c88e7f6',
+    'core.pkg.css' => '559c85eb',
+    'core.pkg.js' => '6be6b2fa',
     'darkconsole.pkg.js' => '8ab24e01',
     'differential.pkg.css' => '3500921f',
     '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' => 'd17c2099',
+    'rsrc/css/core/core.css' => '76e8ee93',
     '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' => 'f13d6d1d',
+    'rsrc/js/core/Busy.js' => '59a7976a',
     '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' => 'f13d6d1d',
+    'phabricator-busy' => '59a7976a',
     'phabricator-chatlog-css' => '852140ff',
     'phabricator-content-source-view-css' => '4b8b05d4',
-    'phabricator-core-css' => 'd17c2099',
+    'phabricator-core-css' => '76e8ee93',
     'phabricator-countdown-css' => '86b7b0a0',
     'phabricator-dashboard-css' => '17937d22',
     'phabricator-drag-and-drop-file-upload' => '7fa4b248',
@@ -1193,6 +1193,11 @@ return array(
       'javelin-behavior-device',
       'javelin-vector',
     ),
+    '59a7976a' => array(
+      'javelin-install',
+      'javelin-dom',
+      'javelin-fx',
+    ),
     '59b251eb' => array(
       'javelin-behavior',
       'javelin-stratcom',
@@ -1913,11 +1918,6 @@ return array(
       'javelin-install',
       'javelin-util',
     ),
-    'f13d6d1d' => array(
-      'javelin-install',
-      'javelin-dom',
-      'javelin-fx',
-    ),
     'f24f3253' => array(
       'javelin-behavior',
       'javelin-dom',

webroot/rsrc/css/core/core.css

@@ -90,14 +90,18 @@ img {
 
 .busy {
   position: fixed;
-  bottom: 16px;
-  right: 16px;
-  width: 40px;
-  height: 40px;
+  bottom: 8px;
+  right: 8px;
+  width: 32px;
+  height: 32px;
+}
+
+.with-durable-column .busy {
+  right: 308px;
 }
 
 .busy .phui-icon-view {
-  font-size: 40px;
+  font-size: 32px;
 }
 
 .grouped:after {

webroot/rsrc/js/core/Busy.js

@@ -30,7 +30,7 @@ JX.install('Busy', {
           {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);
+        JX.$('phabricator-standard-page').appendChild(self._indicator);
 
         // Don't actually show the indicator for a little while, to prevent
         // it from flashing briefly for every Ajax request.