-
Notifications
You must be signed in to change notification settings - Fork 10.4k
Open
Labels
area-blazorIncludes: Blazor, Razor ComponentsIncludes: Blazor, Razor Components
Milestone
Description
Looking at the Quickgrid CSS there are a few things that we can improve based on new CSS functionality.
- Replace the manual RTL selectors (e.g., html[dir=rtl]) with the :dir() pseudo-class for direction-sensitive styling.
- Example: Change html[dir=rtl] td.col-justify-end to td.col-justify-end:dir(rtl).
- Example: Change html[dir=rtl] .col-options to .col-options:dir(rtl).
- Use logical properties instead of physical ones for margin, padding, border, and position.
- Example: Replace left/right with inset-inline-start/inset-inline-end or margin-inline-start/margin-inline-end where applicable (e.g., .col-options, .col-justify-end).
- Example: Use text-align: end instead of text-align: right and text-align: start instead of text-align: left for alignment.* Improve testing for right to left languages.
Metadata
Metadata
Assignees
Labels
area-blazorIncludes: Blazor, Razor ComponentsIncludes: Blazor, Razor Components