Bug 1589352 - Always display preference values in the left-to-right direction. r=Itiel
authorPaolo Amadini <paolo.mozmail@amadzone.org>
Sun, 20 Oct 2019 11:17:25 +0000
changeset 498304 938bf161bec586cc461d32e813f05182e43abe31
parent 498303 a6e168c78b26cdf69e7a151948c277b4c9d8fea9
child 498305 673c2d3025c58a5307d3ecf2da7d500dbe2b16b2
push id98382
push userpaolo.mozmail@amadzone.org
push dateSun, 20 Oct 2019 11:19:16 +0000
treeherderautoland@938bf161bec5 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersItiel
bugs1589352
milestone71.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 1589352 - Always display preference values in the left-to-right direction. r=Itiel Differential Revision: https://phabricator.services.mozilla.com/D49828
browser/components/aboutconfig/content/aboutconfig.css
--- a/browser/components/aboutconfig/content/aboutconfig.css
+++ b/browser/components/aboutconfig/content/aboutconfig.css
@@ -127,22 +127,33 @@
 }
 
 .cell-value {
   overflow-wrap: anywhere;
   white-space: pre-wrap;
   word-break: break-all;
 }
 
+tr:not(.deleted) > .cell-value {
+  /* Always display the text in the value cell using left-to-right rules, but
+     align it according to the page direction. This doesn't apply to the radio
+     buttons shown for deleted preferences. */
+  direction: ltr;
+  text-align: match-parent;
+}
+
 td.cell-value > form > input[type="text"],
 td.cell-value > form > input[type="number"] {
   -moz-appearance: textfield;
   margin: 0;
   width: 100%;
   box-sizing: border-box;
+  /* Align the text inside the input field in the same way as the table cell,
+     for both the left-to-right and right-to-left directions. */
+  text-align: match-parent;
 }
 
 .button-add,
 .button-save,
 .button-edit,
 .button-toggle,
 .button-delete,
 .button-reset {