Bug 1147889 - Transition background and text color in Reading Mode. ui-r=mmaslaney, r=Unfocused
authorBlake Winton <bwinton@latte.ca>
Sat, 28 Mar 2015 22:10:54 -0700
changeset 265246 f9ea7af9d7a9f7f5e18e34daf1f180cd32245d3a
parent 265245 671d6f9f0d85294fd1211f218c88e786a3cd9c7d
child 265247 8fd82fc12d2553aa4389210f17785785b89dfa19
push id4718
push userraliiev@mozilla.com
push dateMon, 11 May 2015 18:39:53 +0000
treeherdermozilla-beta@c20c4ef55f08 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmmaslaney, Unfocused
bugs1147889
milestone39.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1147889 - Transition background and text color in Reading Mode. ui-r=mmaslaney, r=Unfocused
toolkit/components/reader/AboutReader.jsm
toolkit/themes/windows/global/aboutReader.css
--- a/toolkit/components/reader/AboutReader.jsm
+++ b/toolkit/components/reader/AboutReader.jsm
@@ -713,16 +713,17 @@ AboutReader.prototype = {
     this._contentElement.appendChild(contentFragment);
     this._maybeSetTextDirection(article);
 
     this._contentElement.style.display = "block";
     this._updateImageMargins();
     this._requestReadingListStatus();
 
     this._requestFavicon();
+    this._doc.body.classList.add("loaded");
   },
 
   _hideContent: function Reader_hideContent() {
     this._headerElement.style.display = "none";
     this._contentElement.style.display = "none";
   },
 
   _showProgressDelayed: function Reader_showProgressDelayed() {
--- a/toolkit/themes/windows/global/aboutReader.css
+++ b/toolkit/themes/windows/global/aboutReader.css
@@ -4,16 +4,20 @@
 
 body {
   padding: 64px 0;
   max-width: 660px;
   margin-left: auto;
   margin-right: auto;
 }
 
+body.loaded {
+  transition: color 0.4s, background-color 0.4s;
+}
+
 .light,
 .light-button {
   color: #333333;
   background-color: #ffffff;
 }
 
 .dark,
 .dark-button {