Open
Bug 1626186
Opened 6 years ago
Updated 8 months ago
Add RTL support for RDM
Categories
(DevTools :: Responsive Design Mode, enhancement, P3)
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.cssanddevtools/client/responsive/responsive-browser.css - Set
direction: ltronviewport-dimension(dimensions should always be displayed as LTR), and align in to the start position in the custom device dialog - Set the
inputs in the custom device dialog tounicode-bidi: plaintextwith atext-align: match-parent. Ditto for.device-label > span - Mirror
viewport-resize-handlefor RTL and change itscursorproperty 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.contentandresponsive.settingOnboarding.contentstrings that "left" should be translated as "right" for RTL locales, and notify the RTL localizers of this change
Updated•3 years ago
|
Severity: normal → S3
Updated•8 months ago
|
Priority: -- → P3
You need to log in
before you can comment on or make changes to this bug.
Description
•