Bug 1400751 - Bookmark star and Pocket animations are misaligned in touch mode. r?jaws
MozReview-Commit-ID: 1znCd1vrLpF
--- 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 */
}