[Meta] Add missing RTL rules in core CSS files.

Created on 18 October 2014, over 9 years ago
Updated 8 August 2023, 10 months ago

I have created a script that automatically finds most missing RTL rules in core CSS files. It involves python, a patched css-flip, and some diff processing. The script and instructions on how to use it can be found at https://github.com/hero-m/drupal-rtl-checker.

I have attached the output of the script here, and will try to update it regularly as issues get fixed, so you don't have to run the script yourself.

You can open sub-issues to fix specific parts of the output, and link them to this issue.

Just two notes when fixing the issues:

  1. Check if the LTR properties already have an RTL equivalent. If so, just add the /* LTR */ comment to the end of the LTR property.
  2. If the LTR property has four values, do NOT include the -top/-bottom values in the RTL property. Instead only override the -left/-right values in the RTL property. for example, if the LTR property is:
      padding: 0 20px 10px 0;
    

    The RTL override should look like this:

      padding-right: 0;
      padding-left: 20px;
    
🌱 Plan
Status

Needs work

Version

9.5

Component
CSS  →

Last updated 12 days ago

Created by

🇮🇷Iran herom

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

  • D8MI

    (Drupal 8 Multilingual Initiative) is the tag used by the multilingual initiative to mark core issues (and some contributed module issues). For versions other than Drupal 8, use the i18n (Internationalization) tag on issues which involve or affect multilingual / multinational support. That is preferred over Translation.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024