Skip to content

Create a linting rule to prevent RTL breaking inline styles #12452

@marcellamaki

Description

@marcellamaki

Across Kolibri, there are a number of places where we are adding static inline styles, and some of them break RTL, for example

style=margin-left: 8px;

We should both add a linting rule to prevent this in the future, as well as remediate existing instances. This issue is to address the first part, the linting.

Richard used this regex successfully in the codebase to find matches, and we can repurpose it

style="[^"]*(left|right|Left|Right)[^"]*"

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions