Add skip to main content link
This commit is contained in:
parent
c0d01c34bd
commit
2fba74c99c
2 changed files with 19 additions and 6 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue