PRJ-Game-Ideas/game-ideas
3
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add header for game list #3

Merged
Egamorf merged 14 commits from feature/add-header-for-games-list into main 2025-02-27 01:09:05 +01:00
Conversation 0 Commits 14 Files Changed 28 +8 -11
2 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 06dcd9e811 - Show all commits

3
src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor
View File

@@ -23,7 +23,8 @@
</div>
</div>
<div @ref=DropdownAdd class="dropdown-container" @onfocusout=HandlerDropdownAddFocusOut tabindex="1000">
<div @ref=DropdownAdd class="dropdown-container" tabindex="1000"
@onfocusout=HandlerDropdownAddFocusOut>
<div class="dropdown-more-add @(AddButtonsVisile ? string.Empty : "invisible")">
<div class="drowdown-more-element">
@ResourcesKey.ManualAdd

16
src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/HeaderLayout.razor.cs
View File

@@ -5,7 +5,7 @@ namespace GameIdeas.BlazorApp.Shared.Components;
public partial class HeaderLayout : LayoutComponentBase
{
private bool AddButtonsVisile = false;
private bool AddButtonsActive = false;
private DateTime AddButtonsLastOut = DateTime.Now;
private ElementReference DropdownAdd;
private void HandleIconClicked()
@@ -15,20 +15,16 @@ public partial class HeaderLayout : LayoutComponentBase
private async Task HandleMoreAddClickedAsync()
{
if (AddButtonsActive == true)
if (DateTime.Now - AddButtonsLastOut >= TimeSpan.FromSeconds(0.2))
{
AddButtonsVisile = false;
await DropdownAdd.FocusAsync();
AddButtonsVisile = true;
}
else
{
AddButtonsVisile = !AddButtonsVisile;
}
await DropdownAdd.FocusAsync();
}
private void HandlerDropdownAddFocusOut()
{
AddButtonsLastOut = DateTime.Now;
AddButtonsVisile = false;
}
}