tweak datagrid header css

loresoft · May 25, 2024 · 13b637e · 13b637e
1 parent 5930d14
commit 13b637e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/src/LoreSoft.Blazor.Controls/DataGrid.razor b/src/LoreSoft.Blazor.Controls/DataGrid.razor
@@ -78,7 +78,9 @@
 
                                 @if (column.Sortable && column.CurrentSortIndex >= 0)
                                 {
-                                    <span class="data-grid-header-sort @(column.CurrentSortDescending ? "data-grid-header-sort-desc" : "data-grid-header-sort-asc" )"></span>
+                                    <div class="data-grid-header-sort">
+                                        <span class="@(column.CurrentSortDescending ? "data-grid-header-sort-desc" : "data-grid-header-sort-asc" )"></span>
+                                    </div>
                                 }
 
                                 @if (Filterable && column.Filterable)

diff --git a/src/LoreSoft.Blazor.Controls/Styles/_data.scss b/src/LoreSoft.Blazor.Controls/Styles/_data.scss
@@ -32,10 +32,16 @@ button.data-grid-header-filter {
   cursor: pointer;
   background-color: transparent;
   border: 0 none;
-  padding: 0.025rem 0.2rem;
+  padding: 0;
   font: inherit;
 }
 
+.data-grid-header-sort {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .data-grid-header-sort-asc::before,
 .data-grid-header-sort-desc::before,
 .data-grid-header-filter-icon::before,