Bug 1549359 - Add RTL support for FxA Bookmark Panel message r=r1cky
authorAndrei Oprea <andrei.br92@gmail.com>
Tue, 07 May 2019 11:48:31 +0000
changeset 531706 3bcbed9bce66ef89878d3284f70f51c443f51953
parent 531692 882bba44f789d3189564d44134a452daf2aad3ed
child 531707 a8b4591d504eef634e7c88e774591a84666cf8cc
push id11265
push userffxbld-merge
push dateMon, 13 May 2019 10:53:39 +0000
treeherdermozilla-beta@77e0fe8dbdd3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersr1cky
bugs1549359
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1549359 - Add RTL support for FxA Bookmark Panel message r=r1cky Differential Revision: https://phabricator.services.mozilla.com/D30029
browser/themes/shared/places/editBookmarkPanel.inc.css
--- a/browser/themes/shared/places/editBookmarkPanel.inc.css
+++ b/browser/themes/shared/places/editBookmarkPanel.inc.css
@@ -53,41 +53,40 @@
 #editBookmarkPanelRecommendation[disabled] {
   transform: translateY(-100%);
 }
 
 #editBookmarkPanelRecommendation > div {
   border-radius: 2px;
   display: flex;
   flex-direction: column;
-  text-align: left;
   height: 150px;
   cursor: pointer;
   position: relative;
   padding: 0 16px;
 }
 
 #editBookmarkPanelRecommendation > div::-moz-focus-inner {
   border: none;
 }
 
 #editBookmarkPanelRecommendation > div * {
   max-width: 220px;
 }
 
 #editBookmarkPanelRecommendationTitle {
-  font-size: 1.5rem;
+  font-size: 16px;
   font-weight: 400;
   line-height: 1.25;
   margin-bottom: 6px;
   padding-top: 2px;
 }
 
 #editBookmarkPanelRecommendationContent {
-  font-size: 1rem;
+  font-size: 11px;
   line-height: 1.5;
   margin: 0;
 }
 
 #editBookmarkPanelRecommendationCta {
   -moz-appearance: none;
   background: transparent;
   border: none;
@@ -97,23 +96,25 @@
   font-weight: 700;
   margin: auto 0;
   padding: 0;
   text-align: start;
 }
 
 #editBookmarkPanelRecommendation #cfrClose {
   position: absolute;
-  right: 18px;
-  top: 18px;
+  padding: 3px 2px;
+  inset-inline-end: 16px;
+  top: 15px;
   width: 12px;
   height: 12px;
   background-image: url(chrome://browser/skin/stop.svg);
   background-size: 12px;
   background-repeat: no-repeat;
+  background-position: center;
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
   fill-opacity: 0.6;
 }
 
 #editBookmarkPanelRecommendation #cfrClose:hover {
   fill-opacity: 1;
 }