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 258288 05f716c8608d
parent 258287 a606f164b2a7
child 258289 b42a539dcc29
push id4637
push userryanvm@gmail.com
push date2015-04-06 19:04 +0000
treeherdermozilla-beta@882dd82e8af0 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmmaslaney, jaws, sledru
bugs1147440
milestone38.0
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");