Bug 1400751 - Bookmark star and Pocket animations are misaligned in touch mode. r?jaws draft
authorDrew Willcoxon <adw@mozilla.com>
Mon, 18 Sep 2017 10:49:25 -0700
changeset 666417 a8fc6e1cc0572ec13840be3503af08cc9c4a2151
parent 666416 42151fcd6cfc216d147730d0f2c6a2acd52d22fd
child 732102 d35b87de9d5e796e919d59cd1c9afb078479d0d8
push id80404
push userdwillcoxon@mozilla.com
push dateMon, 18 Sep 2017 18:26:36 +0000
reviewersjaws
bugs1400751
milestone57.0a1
Bug 1400751 - Bookmark star and Pocket animations are misaligned in touch mode. r?jaws 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 */
 }