HxGridProgressIndicator color defaults, docs.

havit · Jun 26, 2024 · e1c8b93 · e1c8b93
1 parent a942949
commit e1c8b93
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/Havit.Blazor.Components.Web.Bootstrap/Grids/HxGrid.razor.css b/Havit.Blazor.Components.Web.Bootstrap/Grids/HxGrid.razor.css
@@ -59,10 +59,11 @@ th.hx-grid-sorted.text-end .hx-grid-header-cell-template {
 .hx-grid-progress-indicator thead:before {
     content: "";
     position: absolute;
+    z-index: 1000;
 	display: block;
     bottom: -1px;
     height: 1px;
-    background: var(--bs-primary);
+    background: var(--hx-grid-progress-indicator-color);
     animation: 1.5s ease-in-out 0s 1 slideRight;
     animation-iteration-count: infinite;
 }

diff --git a/Havit.Blazor.Components.Web.Bootstrap/wwwroot/defaults.css b/Havit.Blazor.Components.Web.Bootstrap/wwwroot/defaults.css
@@ -90,6 +90,7 @@
 	--hx-grid-button-hover-background: 								var(--bs-secondary-bg);
 	--hx-grid-button-border-radius: 								var(--bs-border-radius);
 	--hx-grid-sorted-icon-color: 									var(--bs-primary);
+	--hx-grid-progress-indicator-color:								var(--bs-primary);
 
 	/* HxInputFileDropZone */
 	--hx-input-file-drop-zone-border-width: 						1px;

diff --git a/Havit.Blazor.Documentation/Pages/Components/HxGridDoc/HxGrid_Documentation.razor b/Havit.Blazor.Documentation/Pages/Components/HxGridDoc/HxGrid_Documentation.razor
@@ -180,6 +180,9 @@
 		<ComponentApiDocCssVariable Name="--hx-grid-sorted-icon-color" Default="var(--bs-primary)">
 			Color of the sorted icon.
 		</ComponentApiDocCssVariable>
+		<ComponentApiDocCssVariable Name="--hx-grid-progress-indicator-color" Default="var(--bs-primary)">
+			Color of the grid progress indicator line.
+		</ComponentApiDocCssVariable>
 	</CssVariables>
 </ComponentApiDoc>