Bug 910293 - Part 2: Do not use jquery's fadeIn/fadeOut which is the cause of intermittent failures. r=mkmelin
authorHiroyuki Ikezoe <hiikezoe@mozilla-japan.org>
Mon, 24 Nov 2014 21:30:00 -0500
changeset 16977 6cf79524832e333e2034571eedb33088b4c3e733
parent 16976 5bc3a836fbc64a0bbd092c5260a136eb4d6addee
child 16978 4de62824831f112b49ed856c8364aa3bad7bfdb1
push id1305
push usermbanner@mozilla.com
push dateMon, 23 Feb 2015 19:48:12 +0000
treeherdercomm-esr52@110abf3d7989 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmkmelin
bugs910293
Bug 910293 - Part 2: Do not use jquery's fadeIn/fadeOut which is the cause of intermittent failures. r=mkmelin
mail/components/newmailaccount/content/accountProvisioner.js
mail/themes/linux/mail/newmailaccount/accountProvisioner.css
mail/themes/osx/mail/newmailaccount/accountProvisioner.css
mail/themes/windows/mail/newmailaccount/accountProvisioner-aero.css
mail/themes/windows/mail/newmailaccount/accountProvisioner.css
--- a/mail/components/newmailaccount/content/accountProvisioner.js
+++ b/mail/components/newmailaccount/content/accountProvisioner.js
@@ -571,19 +571,22 @@ var EmailAccountProvisioner = {
       }
     });
 
     for each (let [i, provider] in Iterator(otherLangProviders)) {
       providerList.append(provider);
     };
 
     if (otherLangProviders.length) {
-      $("#otherLangDesc").fadeIn();
+      let otherLangDesc = document.getElementById("otherLangDesc");
+      otherLangDesc.classList.remove("fadeOut");
+      otherLangDesc.classList.add("fadeIn");
       $("#otherLangDesc").click(function() {
-        $("#otherLangDesc").fadeOut();
+        otherLangDesc.classList.remove("fadeIn");
+        otherLangDesc.classList.add("fadeOut");
         $(".otherLanguage").fadeIn().css("display", "inline-block");
       });
     }
 
     EmailAccountProvisioner.populateTermsAndPrivacyLinks();
     EmailAccountProvisioner.beOnline();
     EmailAccountProvisioner._loadedProviders = true;
     EmailAccountProvisioner.onSearchInputOrProvidersChanged();
--- a/mail/themes/linux/mail/newmailaccount/accountProvisioner.css
+++ b/mail/themes/linux/mail/newmailaccount/accountProvisioner.css
@@ -478,8 +478,52 @@ input[type="submit"].search {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
   display: inline;
   width: 260px;
   vertical-align: top;
 }
+
+#otherLangDesc.fadeIn {
+  animation-duration: 0.4s;
+  animation-name: fadein;
+  display: block;
+  opacity: 1.0;
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0.0;
+    display: none;
+  }
+  1% {
+    opacity: 0.0;
+    display: block;
+  }
+  100% {
+    opacity: 1.0;
+    display: block;
+  }
+}
+
+#otherLangDesc.fadeOut {
+  animation-duration: 0.4s;
+  animation-name: fadeout;
+  display: none;
+  opacity: 0.0;
+}
+
+@keyframes fadeout {
+  0% {
+    opacity: 1.0;
+    display: block;
+  }
+  99% {
+    opacity: 0.0;
+    display: none;
+  }
+  100% {
+    opacity: 0.0;
+    display: none;
+  }
+}
--- a/mail/themes/osx/mail/newmailaccount/accountProvisioner.css
+++ b/mail/themes/osx/mail/newmailaccount/accountProvisioner.css
@@ -478,8 +478,52 @@ input[type="submit"].search {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
   display: inline;
   width: 260px;
   vertical-align: top;
 }
+
+#otherLangDesc.fadeIn {
+  animation-duration: 0.4s;
+  animation-name: fadein;
+  display: block;
+  opacity: 1.0;
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0.0;
+    display: none;
+  }
+  1% {
+    opacity: 0.0;
+    display: block;
+  }
+  100% {
+    opacity: 1.0;
+    display: block;
+  }
+}
+
+#otherLangDesc.fadeOut {
+  animation-duration: 0.4s;
+  animation-name: fadeout;
+  display: none;
+  opacity: 0.0;
+}
+
+@keyframes fadeout {
+  0% {
+    opacity: 1.0;
+    display: block;
+  }
+  99% {
+    opacity: 0.0;
+    display: none;
+  }
+  100% {
+    opacity: 0.0;
+    display: none;
+  }
+}
--- a/mail/themes/windows/mail/newmailaccount/accountProvisioner-aero.css
+++ b/mail/themes/windows/mail/newmailaccount/accountProvisioner-aero.css
@@ -478,8 +478,52 @@ input[type="submit"].search {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
   display: inline;
   width: 260px;
   vertical-align: top;
 }
+
+#otherLangDesc.fadeIn {
+  animation-duration: 0.4s;
+  animation-name: fadein;
+  display: block;
+  opacity: 1.0;
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0.0;
+    display: none;
+  }
+  1% {
+    opacity: 0.0;
+    display: block;
+  }
+  100% {
+    opacity: 1.0;
+    display: block;
+  }
+}
+
+#otherLangDesc.fadeOut {
+  animation-duration: 0.4s;
+  animation-name: fadeout;
+  display: none;
+  opacity: 0.0;
+}
+
+@keyframes fadeout {
+  0% {
+    opacity: 1.0;
+    display: block;
+  }
+  99% {
+    opacity: 0.0;
+    display: none;
+  }
+  100% {
+    opacity: 0.0;
+    display: none;
+  }
+}
--- a/mail/themes/windows/mail/newmailaccount/accountProvisioner.css
+++ b/mail/themes/windows/mail/newmailaccount/accountProvisioner.css
@@ -478,8 +478,52 @@ input[type="submit"].search {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
   display: inline;
   width: 260px;
   vertical-align: top;
 }
+
+#otherLangDesc.fadeIn {
+  animation-duration: 0.4s;
+  animation-name: fadein;
+  display: block;
+  opacity: 1.0;
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0.0;
+    display: none;
+  }
+  1% {
+    opacity: 0.0;
+    display: block;
+  }
+  100% {
+    opacity: 1.0;
+    display: block;
+  }
+}
+
+#otherLangDesc.fadeOut {
+  animation-duration: 0.4s;
+  animation-name: fadeout;
+  display: none;
+  opacity: 0.0;
+}
+
+@keyframes fadeout {
+  0% {
+    opacity: 1.0;
+    display: block;
+  }
+  99% {
+    opacity: 0.0;
+    display: none;
+  }
+  100% {
+    opacity: 0.0;
+    display: none;
+  }
+}