Bug 1400751 - Bookmark star and Pocket animations are misaligned in touch mode. r=Gijs
authorDrew Willcoxon <adw@mozilla.com>
Mon, 18 Sep 2017 10:49:25 -0700
changeset 666665 ff7917ed161f04e2dd107c0c16a7b54437ef65c6
parent 666664 fa80123d276ebd0a9612bbef8fea193341e5179d
child 666666 e3265d380358d7485a6355c4fb9bd70aa922cba3
push id80486
push userbmo:tlin@mozilla.com
push dateTue, 19 Sep 2017 03:52:30 +0000
reviewersGijs
bugs1400751
milestone57.0a1
Bug 1400751 - Bookmark star and Pocket animations are misaligned in touch mode. r=Gijs MozReview-Commit-ID: 1znCd1vrLpF
browser/extensions/pocket/skin/shared/pocket.css
--- a/browser/extensions/pocket/skin/shared/pocket.css
+++ b/browser/extensions/pocket/skin/shared/pocket.css
@@ -59,17 +59,17 @@
   margin-inline-start: 4px;
 }
 
 :root[uidensity=compact] #pocket-button-box[animate="true"] > #pocket-animatable-box {
   /* .urlbar-icon has width 24px in this case */
   margin-inline-start: 2px;
 }
 
-:root[uidensity=touch] #star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
+:root[uidensity=touch] #pocket-button-box[animate="true"] > #pocket-animatable-box {
   /* .urlbar-icon has width 30px in this case */
   margin-inline-start: 5px;
 }
 
 #pocket-button-box[animate="true"] > #pocket-animatable-box > #pocket-animatable-image,
 #pocket-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
   height: var(--toolbarbutton-height); /* Height must be equal to height of toolbarbutton padding-box */
 }