Add skip to main content link

This commit is contained in:
pancakes 2025-09-12 14:35:20 +10:00
parent c0d01c34bd
commit 2fba74c99c
Signed by: pancakes
SSH key fingerprint: SHA256:yrp4c4hhaPoPG07fb4QyQIgAdlbUdsJvUAydJEWnfTw
2 changed files with 19 additions and 6 deletions

View file

@ -1,5 +1,7 @@
@inherits LayoutComponentBase @inherits LayoutComponentBase
<a class="skip-to-content" href="#main-content">Skip to main content</a>
@Body @Body
<div id="blazor-error-ui" data-nosnippet> <div id="blazor-error-ui" data-nosnippet>

View file

@ -12,9 +12,20 @@
z-index: 1000; z-index: 1000;
} }
#blazor-error-ui .dismiss { #blazor-error-ui .dismiss {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: 0.75rem; right: 0.75rem;
top: 0.5rem; top: 0.5rem;
} }
.skip-to-content {
position: absolute;
top: -5rem;
left: 1rem;
transition: top 0.5s;
}
.skip-to-content:focus {
top: 1rem;
}