[bugfix/frontend] Fix photoswipe layout issues, keyboard shortcuts (#4010)

* fix photoswipe layout issues (chrome)

* aaaaaaaaaaaaaa

* wwwwwwwwwwww
This commit is contained in:
tobi
2025-04-14 15:12:21 +02:00
committed by GitHub
parent f5ce219844
commit b510f3c539
18 changed files with 257 additions and 125 deletions

View File

@ -65,7 +65,8 @@ export default function HeaderPermsOverview() {
} = useGetHeaderAllowsQuery(NoArg, { skip: permType !== "allow" });
const itemToEntry = (perm: HeaderPermission) => {
const onClick = () => {
const onClick = (e) => {
e.preventDefault();
// When clicking on a header perm,
// go to the detail view for perm.
setLocation(`/${permType}s/${perm.id}`, {
@ -81,7 +82,12 @@ export default function HeaderPermsOverview() {
key={perm.id}
className="entry pseudolink"
onClick={onClick}
onKeyDown={e => e.key === "Enter" && onClick()}
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault();
onClick(e);
}
}}
role="link"
tabIndex={0}
>