CodeBeam.MudBlazor.Extensions icon indicating copy to clipboard operation
CodeBeam.MudBlazor.Extensions copied to clipboard

For MudPage - Missing CSS classes for spanning to 12th column or row

Open Soulfire86 opened this issue 1 year ago • 0 comments
trafficstars

Classes for mud-section-col-end-13 and mud-section-row-end-13 need to be added. If you want to span something to the 12th column or row in MudPage, the generated class is .mud-section-col-end-13 or .mud-section-row-end-13 respectively, which is correct, but there's just no css listed for those classes. Should be the following:

.mud-section-col-end-13 {
    grid-column-end: 13;
}

.mud-section-row-end-13 {
    grid-row-end: 13;
}

This can be reproduced using the MudPage Playground tool: https://codebeam-mudextensions.pages.dev/mudpage#playground By setting the grid to 12 columns / 12 rows and trying to span one of the elements to the 12th column or row, it will not style correctly.

Not urgent, obviously, just had to add that css manually, but yeah would be nice to have it work automatically and not wonder for a little while why my page looks jacked up when I'm doing everything correctly :) Thank you for all you do!

Soulfire86 avatar Sep 18 '24 02:09 Soulfire86