run popover v1

This commit is contained in:
Matt Parker
2025-08-07 23:37:43 +10:00
parent 24228cefc4
commit a633889f01

View File

@@ -2,26 +2,28 @@
<div @onmouseover="@(() => _open = true)"> <div @onmouseover="@(() => _open = true)">
<MudPopover Duration="100" OverflowBehavior="OverflowBehavior.FlipNever" Open="@true" AnchorOrigin="Origin.TopRight" TransformOrigin="Origin.TopRight"> <MudPopover Duration="100" OverflowBehavior="OverflowBehavior.FlipNever" Open="@true" AnchorOrigin="Origin.TopRight" TransformOrigin="Origin.TopRight">
<div class="pl-2" @onmouseleave="@(() => _open = false)"> <MudStack @onmouseleave="@(() => _open = false)" Justify="Justify.FlexEnd" Class="pa-0 ma-0" Spacing="0">
<MudStack Justify="Justify.FlexEnd" Class="pa-0 ma-0" Spacing="0"> <MudButton Disabled="true" Style="min-width: 20px; align-self: end">
<MudButton Disabled="true" Style="min-width: 20px; align-self: end"> <MudIcon Icon="@Icons.Material.Filled.PlayArrow" Size="Size.Medium" Color="Color.Default"/>
<MudIcon Icon="@Icons.Material.Filled.PlayArrow" Size="Size.Medium" Color="Color.Default"/> </MudButton>
</MudButton> <MudList T="string" Dense="true" Class="pa-0 ma-0">
@if (SolutionModel?.AllProjects?.Count is >= 0) @if (SolutionModel?.AllProjects?.Count is >= 0)
{
@foreach (var project in SolutionModel.AllProjects)
{ {
@foreach (var project in SolutionModel.AllProjects) <MudListItem T="string" Dense="true" Class="pa-0 ma-0 pl-2" Style="max-height: 36px;">
{ <MudStack Row="true" Spacing="1" AlignItems="AlignItems.Center" Class="pa-0 ma-0">
<MudStack Row="true" Spacing="0" AlignItems="AlignItems.Center">
<MudText>@project.Name</MudText> <MudText>@project.Name</MudText>
<MudSpacer/> <MudSpacer/>
<MudButton Style="min-width: 20px;"> <MudButton Style="min-width: 20px;">
<MudIcon Icon="@Icons.Material.Filled.PlayArrow" Size="Size.Medium" Color="Color.Success"/> <MudIcon Icon="@Icons.Material.Filled.PlayArrow" Size="Size.Medium" Color="Color.Success"/>
</MudButton> </MudButton>
</MudStack> </MudStack>
} </MudListItem>
} }
</MudStack> }
</div> </MudList>
</MudStack>
</MudPopover> </MudPopover>
<MudButton Style="min-width: 20px;" > <MudButton Style="min-width: 20px;" >