Bug 1377129 - [RTL] bottom onBoarding tour notification doesn't display well on RTL builds (fox icon) r?mossop draft
authorTomer Cohen <tomer@tomercohen.com>
Thu, 29 Jun 2017 23:01:00 +0300
changeset 602203 d19044ee89e3e40dc309fa7b69248270bb9bbed2
parent 602188 1c9470724fa04753beaa65048a4780e9c0541da8
child 635511 0c940d64390b398b4e71d583e112b7e9594555a0
push id66335
push userbmo:tomer.moz.bugs@tomercohen.com
push dateThu, 29 Jun 2017 20:36:39 +0000
reviewersmossop
bugs1377129
milestone56.0a1
Bug 1377129 - [RTL] bottom onBoarding tour notification doesn't display well on RTL builds (fox icon) r?mossop MozReview-Commit-ID: KmAnB4KMaPC
browser/extensions/onboarding/content/onboarding.css
--- a/browser/extensions/onboarding/content/onboarding.css
+++ b/browser/extensions/onboarding/content/onboarding.css
@@ -309,16 +309,20 @@
   background-size: 36px;
   background-position: 34px;
   padding-inline-start: 190px;
   position: absolute;
   offset-block-start: 50%;
   transform: translateY(-50%);
 }
 
+#onboarding-notification-icon:dir(rtl) {
+  background-position: right 34px center;
+}
+
 #onboarding-notification-icon::after {
   --height: 22px;
   content: attr(data-tooltip);
   background: #5ce6e6;
   position: absolute;
   top: 0;
   offset-inline-start: 68px;
   color: #10404a;