Implementation of the missing align properties

dariatiurina · dariatiurina · commit 7508ab0423b9 · 2025-07-11T17:21:48.000+02:00
diff --git a/src/Components/QuickGrid/Microsoft.AspNetCore.Components.QuickGrid/src/QuickGrid.razor.css b/src/Components/QuickGrid/Microsoft.AspNetCore.Components.QuickGrid/src/QuickGrid.razor.css
@@ -51,11 +51,6 @@ th ::deep .col-options-button {
     z-index: 1;
 }
 
-.col-justify-end .col-options {
-    left: unset;
-    right: 0;
-}
-
 .col-width-draghandle {
     position: absolute;
     top: 0;
@@ -76,10 +71,32 @@ td.col-justify-center {
     text-align: center;
 }
 
+.col-justify-end .col-options {
+    left: unset;
+    right: 0;
+}
+
 td.col-justify-end {
     text-align: right;
 }
 
+.col-justify-start .col-options {
+    left: 0;
+    right: unset;
+}
+
+td.col-justify-start {
+    text-align: left;
+}
+
+td.col-justify-right {
+    text-align: right;
+}
+
+td.col-justify-left {
+    text-align: left;
+}
+
 /* Unfortunately we can't use the :dir pseudoselector due to lack of browser support. Instead we have to rely on
     the developer setting <html dir="rtl"> to detect if we're in RTL mode. */
 html[dir=rtl] td.col-justify-end {
@@ -91,6 +108,10 @@ html[dir=rtl] .col-options {
     right: 0;
 }
 
+html[dir=rtl] td.col-justify-start {
+    text-align: right;
+}
+
 html[dir=rtl] .col-justify-end .col-options {
     right: unset;
     left: 0;
