Skip to content

[Blazor] Quickgrid globalization improvements #62770

@javiercn

Description

@javiercn

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

No one assigned

    Labels

    area-blazorIncludes: Blazor, Razor Components

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions