Bug 1554209 - Added spacing to Accessibility icon in RTL Firefox builds. r=yzen,gl
authorJatin <saijatin28@gmail.com>
Sun, 30 Jun 2019 19:01:21 +0000
changeset 540398 b587e6d83d558adf85c050e0e60808d6775e107e
parent 540397 c3d1fc5ebcc5032372989d442f27e61f42810f24
child 540399 8edcb5f6ceff9cdd1944c32889e3f13adbcc0f8a
push id11529
push userarchaeopteryx@coole-files.de
push dateThu, 04 Jul 2019 15:22:33 +0000
treeherdermozilla-beta@ebb510a784b8 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersyzen, gl
bugs1554209
milestone69.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 1554209 - Added spacing to Accessibility icon in RTL Firefox builds. r=yzen,gl Before this change, the accessibility icon was too close to the text beside it on the RTL versions of Firefox. Now a margin has been added to create sufficient space between the icon and the text. Differential Revision: https://phabricator.services.mozilla.com/D36014
devtools/client/accessibility/accessibility.css
--- a/devtools/client/accessibility/accessibility.css
+++ b/devtools/client/accessibility/accessibility.css
@@ -225,17 +225,17 @@ body {
 
 .description .general {
   display: flex;
   align-items: center;
   margin-bottom: 1em;
 }
 
 .description img {
-  margin-right: 12px;
+  margin-inline-end: 12px;
   flex-basis: 42px;
   flex-shrink: 0;
   -moz-context-properties: fill;
   fill: var(--grey-40);
 }
 
 .description .devtools-button {
   display: flex;