Bug 1384341 - Set a minimum size for the animation area so animations that are larger than toolbar buttons don't get clipped. r=mconley

MozReview-Commit-ID: 2n141CGVogi

--HG--
extra : rebase_source : c991e471855d3fb9e912dbcd4692d7e333a01c95

browser/extensions/pocket/skin/shared/pocket.css

@@ -178,6 +178,7 @@ toolbar[brighttext] #pocket-button {
 
 #library-button[animate="pocket"] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
   height: var(--toolbarbutton-height); /* Height must be equal to height of toolbarbutton padding-box */
+  min-height: 54px; /* Minimum height must be equal to the height of the SVG sprite */
 }
 
 #library-button[animate="pocket"] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {

browser/themes/shared/toolbarbutton-icons.inc.css

@@ -393,6 +393,7 @@ toolbar:not([brighttext]) #bookmarks-menu-button@attributeSelectorForToolbar@[st
      is calculated and set during runtime by BrowserUtils.setToolbarButtonHeightProperty()
      before the animation begins. */
   height: var(--toolbarbutton-height);
+  min-height: 36px; /* Minimum height must be equal to the height of the SVG sprite */
 }
 
 #nav-bar-overflow-button[animate] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
@@ -516,6 +517,7 @@ toolbar:not([brighttext]) #bookmarks-menu-button@attributeSelectorForToolbar@[st
 
 #library-button[animate="bookmark"] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
   height: var(--toolbarbutton-height);
+  min-height: 54px; /* Minimum height must be equal to the height of the SVG sprite */
   background-image: url("chrome://browser/skin/library-bookmark-animation.svg");
   width: 1078px;
   animation-name: library-bookmark-animation;

browser/themes/shared/urlbar-searchbar.inc.css

@@ -189,6 +189,7 @@
   background-size: auto;
   list-style-image: none;
   height: var(--toolbarbutton-height);
+  min-height: 33px; /* Minimum height must be equal to the height of the SVG sprite */
   animation-name: bookmark-animation;
   animation-fill-mode: forwards;
   animation-iteration-count: 1;