[Extensions Page] Fix the flicker of "No extensions" before extension data loads

chrome/browser/resources/extensions/extensions.css

Index: chrome/browser/resources/extensions/extensions.css
diff --git a/chrome/browser/resources/extensions/extensions.css b/chrome/browser/resources/extensions/extensions.css
index fc3a4bc3dcac936d134a4d2a4f27cd04c8901c4f..0b111ba1bbd8227ca29df273a10b58e940211732 100644
--- a/chrome/browser/resources/extensions/extensions.css
+++ b/chrome/browser/resources/extensions/extensions.css
@@ -2,10 +2,6 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-html.loading * {
-  transition-duration: 0ms !important;

[Dan Beam, 2015/03/20 23:13:27]

might want to keep this

[Devlin, 2015/03/21 01:07:18]

Was thinking about it, but if we keep it, then we have to also keep the
'loading' class stuff in extensions.js, which I thought was one of the main
targets of the hackery. :)  I've tried it locally, and it *seems* to look okay. 
If we'd rather err on the side of caution, and keep this (and the loading
stuff), then we certainly can - WDYT?

[Dan Beam, 2015/03/21 01:14:10]

does this make the developer tools UI (buttons + promo) slide in?

[Devlin, 2015/03/21 01:32:23]

It didn't look like it made slide in the first time (sliding otherwise still
worked).  But moot if we leave in .loading.

-}
-
 html:not(.focus-outline-visible)
 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) {
   /* Cancel border-color for :focus specified in widgets.css. */
@@ -141,6 +137,10 @@ html:not(.focus-outline-visible)
   font-weight: bold;
 }
 
+#no-extensions {
+  margin-top: 3em;
+}
+
 #suggest-gallery {
   -webkit-padding-start: 10px;
 }
@@ -160,17 +160,6 @@ html[dir=rtl] #footer-section {
   line-height: 32px;
 }
 
-.empty-extension-list {
-  height: 3em;
-}
-
-.loading #no-extensions,
-.loading #footer-section,
-#extension-settings-list:not(.empty-extension-list) ~ #no-extensions,
-.empty-extension-list ~ #footer-section {
-  display: none;
-}
-
 .extension-list-item-wrapper {
   margin: 23px 0;
 }