notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] Keyboard navigation for AttachmentViewer (ISH-641)

Browse source
This commit is contained in:
Lilian 2024-11-28 21:33:53 +01:00
parent e70cb01c5b
commit 6edfc66c3e
No known key found for this signature in database
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
Iceshrimp.Frontend/Components/AttachmentView.razor
View file

@ -2,7 +2,7 @@
@using Iceshrimp.Shared.Schemas.Web @using Iceshrimp.Shared.Schemas.Web
@inject IJSRuntime Js @inject IJSRuntime Js
<dialog class="attachment-view" @ref="Dialog"> <dialog class="attachment-view" @onkeydown="OnKeyDown" @ref="Dialog">
<button @onclick="CloseDialog" @onclick:stopPropagation="true" class="close"> <button @onclick="CloseDialog" @onclick:stopPropagation="true" class="close">
<Icon Name="Icons.X" Size="5rem"></Icon> <Icon Name="Icons.X" Size="5rem"></Icon>
</button> </button>
@ -40,6 +40,19 @@
set => _refs.Add(value); set => _refs.Add(value);
} }
private async Task OnKeyDown(KeyboardEventArgs e)
{
switch (e.Key)
{
case "ArrowRight":
await Next();
break;
case "ArrowLeft":
await Prev();
break;
}
}
private ElementReference Scroller { get; set; } private ElementReference Scroller { get; set; }
private int ScrollWidth { get; set; } private int ScrollWidth { get; set; }
private int ScrollLeft { get; set; } private int ScrollLeft { get; set; }