Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(271)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: components/dom_distiller/content/resources/dom_distiller_viewer.html

Issue 444143002: Loading Indicator for Distilled Pages (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Inverted to isLastPage Created 6 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | components/dom_distiller/content/resources/dom_distiller_viewer.js » ('j') | components/dom_distiller/content/resources/dom_distiller_viewer.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: components/dom_distiller/content/resources/dom_distiller_viewer.html
diff --git a/components/dom_distiller/content/resources/dom_distiller_viewer.html b/components/dom_distiller/content/resources/dom_distiller_viewer.html
index e5b0e9938ac8fefed3706ffc68b37a6abbc8bdb7..6204b5ed761eff39f4d394fb73b1f24c70f0ddbc 100644
--- a/components/dom_distiller/content/resources/dom_distiller_viewer.html
+++ b/components/dom_distiller/content/resources/dom_distiller_viewer.html
@@ -21,9 +21,61 @@ found in the LICENSE file.
<div id="content">$5</div>
</article>
</div>
- <div id="loadingIndicator" class="$6">$7</div>
+ <div id="loadingIndicator" class="$6">
+ <div id="loader">
+ <div class="circle initial">
+ <span class="mask">
+ <span class="mover"></span>
+ </span>
+ </div>
+
+ <div class="circle red">
+ <span class="mask first">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ <span class="mask second">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ </div>
+
+ <div class="circle yellow">
+ <span class="mask first">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ <span class="mask second">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ </div>
+
+ <div class="circle green">
+ <span class="mask first">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ <span class="mask second">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ </div>
+
+ <div class="circle blue">
+ <span class="mask first">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ <span class="mask second">
+ <span class="base"></span>
+ <span class="mover"></span>
+ </span>
+ </div>
+ </div>
+ </div>
<div id="showOriginal">
- <a href="$8">$9</a>
+ <a href="$7">$8</a>
</div>
</body>
</html>
« no previous file with comments | « no previous file | components/dom_distiller/content/resources/dom_distiller_viewer.js » ('j') | components/dom_distiller/content/resources/dom_distiller_viewer.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698