-
Notifications
You must be signed in to change notification settings - Fork 3.6k
Open
Description
In RTL, quill adds double extraneous padding on the "end" side.
This happens because the CSS in core.styl uses padding-left instead of padding-inline-start (logical properties):
quill/packages/quill/src/assets/core.styl
Lines 69 to 73 in 539cbff
| ol | |
| padding-left: 1.5em | |
| li | |
| list-style-type: none | |
| padding-left: LIST_STYLE_OUTER_WIDTH |
In the desktop screenshots above this might look like a minor/negligible issue, but when the font-size is set to 16px, that sums up to 24px + 24px of padding on the wrong side (plus 15px default padding around the ql-editor). On mobile that causes the lines to wrap too early, leaving almost half the screen empty and looks weird:

Metadata
Metadata
Assignees
Labels
No labels

