Bug 1362100 - Ensure bookmark toolbar button dropmarker icon remains correct size while animating. r=dao
The actual dropmarker's list-style-image was forced to none while animating, with another one overlayed on top of it.
Setting fill: transparent; accomplishes the goal of hiding the default icon without affecting layout.
MozReview-Commit-ID: 9AhlfYR9SV9
--- a/browser/themes/shared/bookmarked-notification.inc.css
+++ b/browser/themes/shared/bookmarked-notification.inc.css
@@ -51,17 +51,17 @@
@media (min-resolution: 2dppx) {
#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
background-image: url("chrome://browser/skin/places/bookmarks-notification-finish@2x.png");
}
}
#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
- list-style-image: none !important;
+ fill: transparent;
}
#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
visibility: visible;
animation: animation-bookmarkPulse 300ms;
animation-delay: 600ms;
animation-timing-function: ease-out;
}