django / django/new-features

Use logical properties and values in CSS

Open
#148 4 comments 13 reactions 0 assignees View on GitHub
Admin Django Core Frontend/JavaScript
Dominant language
No language data
Stars
188
Forks
7
PR merge metrics
No merged PRs in 30d

Description

### Code of Conduct

- [x] I agree to follow Django's Code of Conduct

### Feature Description

Enforce using [logical properties and values](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Logical_properties_and_values) in the admin's (and possibly other) CSS.

### Problem

When changing CSS and HTML in the admin we often run into problems with RTL styles. By switching to logical properties we can reduce the number of these issues we encounter and make it easier to make changes in the admin.

### Request or proposal

proposal

### Additional Details

Most discussion is on the [original draft PR](https://github.com/django/django/pull/17560).

### Implementation Suggestions

Now that we've added Biome we can use [GritQL](https://github.com/biomejs/gritql) to disallow the non-logical versions of these properties to ensure we're using the correct ones.

Either at this time or later we can make other changes that should remove the need for a separate RTL stylesheet for the cases where logical properties don't help (rotating arrow images etc.)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.