Commit af75cde
philter
Layout Direction Left/Right Logical Properties
# Description
Adds support for treating left/right based layout property values as logical values, similar to how HTML start/end logical properties work. These include:
- Left/right Padding
- Left/right Margin
- Absolute left/right Position
- Left/right Corner Radius
# Details
The initial commit to support Layout direction only included relative layout child position (and text), but it was pointed out that it would be useful to also support the above property values. Adding support for these by default, but they can also be overridden for any particular layout if desired by setting its own Direction to either LTR or RTL since we support direction as a cascading layout style.
We also updated the Direction combobox so that it always appears on a layout flex inspector regardless of whether it has layout children or not, since it may contain a text child which can also have its direction set using this property.
<img width="270" alt="Screenshot 2025-03-10 at 1 27 35 PM" src="https://github.com/user-attachments/assets/80906e49-be91-43f0-a161-2d8de7a4f0bf" />
<img width="273" alt="Screenshot 2025-03-10 at 1 27 48 PM" src="https://github.com/user-attachments/assets/bc1a8e59-2aa4-4f8f-8c46-0988b6dcb3d1" />
Golden test included.
Diffs=
6cd55f8411 Layout Direction Left/Right Logical Properties (#9202)1 parent eee2621 commit af75cde
2 files changed
+2
-2
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | | - | |
| 1 | + | |
0 commit comments