Support logical properties (LTR/RTL)

[srambach]

Users would like PatternFly to support right to left (RTL) languages. CSS provides support for this via logical properties like padding-inline-start rather than directional properties like padding-left.

Tasks

Beta Give feedback

1. Design spike - Determine best practices for supporting RTL languages. (e.g. does the entire layout reverse? What about box shadows?)
2. RTL designs (if needed) - Produce designs for enough components to demonstrate the desired layouts and behavior
3. Spike - Determine plan for implementing RTL patternfly#5674
   Feature +1
   

   
4. Core implementation - component by component or using mixin?
5. Visual comparison testing with current LTR to verify nothing has broken. patternfly#5791
   Tech debt +1
   
6. RTL - Core followup for RTL changes patternfly-react#9521
   Epic Feature waiting for core +3
   

   
7. Spike: Implement/enable RTL in charts patternfly-react#9431
   Feature Spike +2
   
8. Test RTL in extensions
9. Implement RTL support react-topology#116
   +0
   

Reference: #PatternFly#5555