Enhance UI with MudTooltip for action buttons across various components

This commit adds MudTooltip components to action buttons in the Calendar, Events, Students, and Teams features, improving user experience by providing contextual information on button actions. The changes ensure that users receive helpful hints when hovering over buttons, enhancing accessibility and usability throughout the application.
2026-01-17 10:41:46 -05:00
parent e6eb35ee67
commit b4c11cd0a6
12 changed files with 128 additions and 59 deletions
@@ -18,10 +18,14 @@
    BackButtonUrl="@(ReturnUrl ?? "/students")">
    <ActionButtons>
        <div class="no-print">
-            <MudButton StartIcon="@Icons.Material.Filled.Print"
-                       OnClick="PrintPage"
-                       Variant="Variant.Outlined">Print</MudButton>
-            <MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/students/edit?id={student.Id}&returnUrl={ReturnUrl ?? "/students"}")" Variant="Variant.Outlined">Edit</MudButton>
+            <MudTooltip Text="Print">
+                <MudButton StartIcon="@Icons.Material.Filled.Print"
+                           OnClick="PrintPage"
+                           Variant="Variant.Outlined">Print</MudButton>
+            </MudTooltip>
+            <MudTooltip Text="Edit">
+                <MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/students/edit?id={student.Id}&returnUrl={ReturnUrl ?? "/students"}")" Variant="Variant.Outlined">Edit</MudButton>
+            </MudTooltip>
        </div>
    </ActionButtons>
 </PageHeader>
@@ -22,12 +22,14 @@ else
        ShowBackButton="true"
        BackButtonUrl="/students/event-ranking">
        <ActionButtons>
-            <MudButton StartIcon="@Icons.Material.Filled.Save"
-                       OnClick="Save"
-                       Color="Color.Primary"
-                       Variant="Variant.Filled">
-                Save Rankings
-            </MudButton>
+            <MudTooltip Text="Save Rankings">
+                <MudButton StartIcon="@Icons.Material.Filled.Save"
+                           OnClick="Save"
+                           Color="Color.Primary"
+                           Variant="Variant.Filled">
+                    Save Rankings
+                </MudButton>
+            </MudTooltip>
        </ActionButtons>
    </PageHeader>

@@ -10,9 +10,15 @@

 <PageHeader Title="Students">
    <ActionButtons>
-        <MudButton StartIcon="@Icons.Material.Filled.Create" Href="students/create" Variant="Variant.Filled" Color="Color.Primary">Create New</MudButton>
-        <MudButton StartIcon="@AppIcons.EventRank" Href="students/event-ranking" Variant="Variant.Outlined">Event Rankings</MudButton>
-        <MudButton StartIcon="@AppIcons.Registration" Href="students/teams" Variant="Variant.Outlined">Registration</MudButton>
+        <MudTooltip Text="Create New">
+            <MudButton StartIcon="@Icons.Material.Filled.Create" Href="students/create" Variant="Variant.Filled" Color="Color.Primary">Create New</MudButton>
+        </MudTooltip>
+        <MudTooltip Text="Event Rankings">
+            <MudButton StartIcon="@AppIcons.EventRank" Href="students/event-ranking" Variant="Variant.Outlined">Event Rankings</MudButton>
+        </MudTooltip>
+        <MudTooltip Text="Registration">
+            <MudButton StartIcon="@AppIcons.Registration" Href="students/teams" Variant="Variant.Outlined">Registration</MudButton>
+        </MudTooltip>
    </ActionButtons>
 </PageHeader>

@@ -11,12 +11,14 @@

 <PageHeader Title="Registration" Icon="@AppIcons.Registration">
    <ActionButtons>
-        <MudButton StartIcon="@Icons.Material.Filled.FilterAlt"
-                   Variant="@(_showRegionalOnly ? Variant.Filled : Variant.Outlined)"
-                   Color="Color.Primary"
-                   OnClick="ToggleRegionalFilter">
-            @(_showRegionalOnly ? "Showing Regional Only" : "Show Regional Only")
-        </MudButton>
+        <MudTooltip Text="@(_showRegionalOnly ? "Showing Regional Only" : "Show Regional Only")">
+            <MudButton StartIcon="@Icons.Material.Filled.FilterAlt"
+                       Variant="@(_showRegionalOnly ? Variant.Filled : Variant.Outlined)"
+                       Color="Color.Primary"
+                       OnClick="ToggleRegionalFilter">
+                @(_showRegionalOnly ? "Showing Regional Only" : "Show Regional Only")
+            </MudButton>
+        </MudTooltip>
        <PageNoteButton PageIdentifier="Registration" />
    </ActionButtons>
 </PageHeader>