Open
Bug 1626186
Opened 5 years ago
Updated 2 years ago
Add RTL support for RDM
Categories
(DevTools :: Responsive Design Mode, enhancement)
DevTools
Responsive Design Mode
Tracking
(Not tracked)
NEW
People
(Reporter: itiel_yn8, Unassigned)
Details
(Keywords: rtl)
I'm not sure if that's a good idea to add RTL support for RDM, but in case it does, the following changes are required:
- Add
dir="rtl"
to the RDM's<html>
if the UI is RTL - Convert almost all of the CSS properties to logical ones in
devtools/client/responsive/index.css
anddevtools/client/responsive/responsive-browser.css
- Set
direction: ltr
onviewport-dimension
(dimensions should always be displayed as LTR), and align in to the start position in the custom device dialog - Set the
input
s in the custom device dialog tounicode-bidi: plaintext
with atext-align: match-parent
. Ditto for.device-label > span
- Mirror
viewport-resize-handle
for RTL and change itscursor
property tonesw-resize
. Make sure it appears on the left side of the tab - When the viewport is set to be aligned to the left (actually right), make sure it actually does aligned to the right (is removing [1] enough?)
- Make sure resizers work after the above changes, with the side resizer being on the left
- Add in the comments for the
responsive.settingOnboarding.content
andresponsive.settingOnboarding.content
strings that "left" should be translated as "right" for RTL locales, and notify the RTL localizers of this change
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•