Bug 1147440 - Add a transition to the readinglist-addremove-button. ui-r=mmaslaney, r=jaws

This commit is contained in:
Blake Winton 2015-03-25 13:42:28 -04:00
parent f16224c85d
commit 8e023cadf7

View File

@ -1,12 +1,16 @@
/* Reading List button */ /* Reading List button */
#urlbar:not([focused]):not(:hover) #readinglist-addremove-button { #urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
display: none; opacity: 0;
width: 0px;
} }
#readinglist-addremove-button { #readinglist-addremove-button {
list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage"); list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
-moz-image-region: rect(0, 14px, 14px, 0); -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 { #readinglist-addremove-button:hover {