Fix. Quickgrid PropertyColumn Align property doesn't work with Align.Right

[dariatiurina]

Fix. Quickgrid PropertyColumn Align property doesn't work with Align.Right

Description

This pull request refactors and fixes the column alignment and justification styles in the QuickGrid.razor.css file.

Changes:

• Added new styles for .col-justify-start .col-options and td.col-justify-start to support left-aligned column options and text.
• Introduced td.col-justify-right and td.col-justify-left styles for explicit right and left text alignment.

Reasoning for change:

In

aspnetcore/src/Components/QuickGrid/Microsoft.AspNetCore.Components.QuickGrid/src/QuickGrid.razor.cs

Line 424 in 8bb2b20

private static string? ColumnClass(ColumnBase<TGridItem> column) => column.Align switch

Blazor assigns css classes based on the Align parameter that user has set. However, in the

aspnetcore/src/Components/QuickGrid/Microsoft.AspNetCore.Components.QuickGrid/src/QuickGrid.razor.css

Line 75 in 8bb2b20

td.col-justify-center {

there were no implementation for 3 out of existing 5 parameter options. This PR fixes implements missing options.

Fixes #50029

[Copilot]

Pull Request Overview

This pull request fixes a bug where the QuickGrid PropertyColumn's Align property doesn't work correctly with right alignment (Align.Right). The fix refactors CSS styles to properly support column alignment and adds missing styles for consistent column options positioning.

• Reorganizes existing CSS rules for better logical grouping
• Adds support for col-justify-start styles for left alignment consistency
• Introduces explicit col-justify-right and col-justify-left styles for direct alignment control
• Adds RTL (right-to-left) support for the new col-justify-start styles

[oroztocil]

I tried it in a sample project and the Align.Right property is working now 👍

[javiercn]

Shouldn't this use start?

https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

[dariatiurina]

We use in .col-justify-end { text-align: right }. So I just did this class by the same pattern as an existing class.

[javiercn]

hmm. Maybe I'm not fully understanding how this works. But the start and end classes are typically used/defined for usage with logical properties, with the idea, that they automatically adapt to right to left languages like arabic, hebrew and so on