Bug 1147440 - Add a transition to the readinglist-addremove-button. ui-r=mmaslaney, r=jaws, a=sledru
authorBlake Winton <bwinton@latte.ca>
Wed, 25 Mar 2015 13:42:28 -0400
changeset 265406 9e708c930a8fadf9dd959f38ffe3b69afbf62fdf
parent 265405 e8ed559c3ebe31e5de48ee7ef42dbfe3f6d9ccc6
child 265407 1c37fc5d94a57f37e02857b4ca74f6781cd87dd8
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, jaws, sledru
bugs1147440
milestone39.0a2
Bug 1147440 - Add a transition to the readinglist-addremove-button. ui-r=mmaslaney, r=jaws, a=sledru
browser/themes/shared/readinglist/readinglist.inc.css
--- a/browser/themes/shared/readinglist/readinglist.inc.css
+++ b/browser/themes/shared/readinglist/readinglist.inc.css
@@ -1,17 +1,21 @@
 /* Reading List button */
 
 #urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
-  display: none;
+  opacity: 0;
+  width: 0px;
 }
 
 #readinglist-addremove-button {
   list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
   -moz-image-region: rect(0, 14px, 14px, 0);
+  transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
+  opacity: 1;
+  width: 20px;
 }
 
 #readinglist-addremove-button:hover {
   list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover");
 }
 
 #readinglist-addremove-button:active {
   list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active");