1
0
mirror of synced 2025-02-17 11:18:32 +01:00

Change favorite button alignment, add tooltip

This commit is contained in:
shiibe 2022-09-10 12:06:08 -04:00
parent a78bc7ace4
commit 42b412530c

View File

@ -29,22 +29,26 @@ else
<Columns> <Columns>
<Column T="SongBestData" Field="@nameof(SongBestData.SongId)" Title="Song" StickyLeft="true" Class="clm-row-large"> <Column T="SongBestData" Field="@nameof(SongBestData.SongId)" Title="Song" StickyLeft="true" Class="clm-row-large">
<CellTemplate> <CellTemplate>
<MudStack Row="true" AlignItems="AlignItems.Center"> <MudGrid Justify="Justify.Center">
<MudStack> <MudItem xs="10">
<MudToggleIconButton Toggled="@context.Item.IsFavorite" <MudStack Spacing="0">
ToggledChanged="@(async () => await OnFavoriteToggled(context.Item))" <MudText Typo="Typo.body2" Style="font-weight:bold">@GameDataService.GetMusicNameBySongId(context.Item.SongId)</MudText>
Icon="@Icons.Material.Filled.FavoriteBorder" Color="@Color.Secondary" <MudText Typo="Typo.caption">@GameDataService.GetMusicArtistBySongId(context.Item.SongId)</MudText>
Title="Add to favorites" </MudStack>
ToggledIcon="@Icons.Material.Filled.Favorite" ToggledColor="@Color.Secondary" </MudItem>
ToggledTitle="Remove from favorites" <MudItem xs="2">
Size="Size.Small" <MudStack Justify="Justify.Center" AlignItems="AlignItems.End" Style="height:100%">
ToggledSize="Size.Small" /> <MudTooltip Text="@(context.Item.IsFavorite ? "Remove from favorites" : "Add to favorites")" Arrow="true" Placement="Placement.Top">
</MudStack> <MudToggleIconButton Toggled="@context.Item.IsFavorite"
<MudStack Spacing="0"> ToggledChanged="@(async () => await OnFavoriteToggled(context.Item))"
<MudText Typo="Typo.body2" Style="font-weight:bold">@GameDataService.GetMusicNameBySongId(context.Item.SongId)</MudText> Icon="@Icons.Material.Filled.FavoriteBorder" Color="@Color.Secondary"
<MudText Typo="Typo.caption">@GameDataService.GetMusicArtistBySongId(context.Item.SongId)</MudText> ToggledIcon="@Icons.Material.Filled.Favorite" ToggledColor="@Color.Secondary"
</MudStack> Size="Size.Small"
</MudStack> ToggledSize="Size.Small" />
</MudTooltip>
</MudStack>
</MudItem>
</MudGrid>
</CellTemplate> </CellTemplate>
</Column> </Column>
<Column T="SongBestData" Field="@nameof(SongBestData.Difficulty)" Title="Course"> <Column T="SongBestData" Field="@nameof(SongBestData.Difficulty)" Title="Course">