Postpone connecting to GData even more, provide progress indication.

chrome/browser/resources/file_manager/css/file_manager.css

Index: chrome/browser/resources/file_manager/css/file_manager.css
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index 27a66849584ca1cfc22a3b0c7ce86fd0a99fd455..82b5bf109fbd6d2e9542d57e56f31637d35bdec6 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -1151,6 +1151,7 @@ menu.file-context-menu {
 }
 
 input.common.pin[type="checkbox"]:checked::after {
+  position: relative;
   content: url('../images/pin.png');
   left: 3px;
   top: -4px;
@@ -1180,3 +1181,45 @@ div.shade {
 div.shade[fadein] {
   opacity: 1;
 }
+
+/* Message panel for unmounted GData */
+.dialog-container:not([unmounted]) .dialog-body > div.unmounted-panel,
+.dialog-container[unmounted] .dialog-body > div:not(.unmounted-panel) {
+  display: none;
+}
+
+div.unmounted-panel {
+  padding-top: 20px;
+  padding-left: 50px;
+}
+
+div.unmounted-panel > * {
+  height: 22px;
+  margin-bottom: 10px;
+}
+
+div.unmounted-panel > div {
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: start;
+  -webkit-box-align: center;
+}
+
+.unmounted-panel > .gdata.loading,
+.unmounted-panel > .gdata.error {
+  margin-left: -30px;  /* Room for the spinner.*/
+  padding-left: 30px;
+}
+
+.unmounted-panel > .gdata.loading {
+  background-image: url(../images/spinner.svg);
+  background-repeat: no-repeat;
+  background-position: 0 center;
+}
+
+.unmounted-panel:not([loading]) > .gdata.loading,
+.unmounted-panel:not([error]) > .gdata.error,
+.unmounted-panel:not([retry]) > .gdata.retry,
+.unmounted-panel:not([retry]) > .gdata.learn-more {
+  display: none;
+}