Add a hover effect on the events list rows (fix #27)

verdie-g · May 5, 2024 · 875472b · 875472b
1 parent b8a313b
commit 875472b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/DotnetEventViewer/DotnetEventViewer.csproj b/DotnetEventViewer/DotnetEventViewer.csproj
@@ -18,8 +18,8 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.4" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.4" PrivateAssets="all" />
-    <PackageReference Include="Microsoft.FluentUI.AspNetCore.Components" Version="4.6.1" />
-    <PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Icons" Version="4.6.1" />
+    <PackageReference Include="Microsoft.FluentUI.AspNetCore.Components" Version="4.7.2" />
+    <PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Icons" Version="4.7.2" />
   </ItemGroup>
 
 </Project>
diff --git a/DotnetEventViewer/Pages/EventsList.razor b/DotnetEventViewer/Pages/EventsList.razor
@@ -22,7 +22,8 @@
         ItemKey="@(e => e.Index)"
         Virtualize="true"
         ResizableColumns="true"
-        OnRowFocus="OnRowFocus"
+        OnRowClick="OnRowClick"
+        ShowHover="true"
         ItemSize="32">
         <ChildContent>
             @foreach (var f in _columnFields!)
@@ -46,7 +47,7 @@
         _columnFields = queryResult.ColumnFields;
     }
 
-    private async Task OnRowFocus(FluentDataGridRow<Event> eventRow)
+    private async Task OnRowClick(FluentDataGridRow<Event> eventRow)
     {
         var evt = eventRow.Item!;
         await DialogService.ShowPanelAsync<EventDialogContent>(evt, new DialogParameters<Event>