Merge pull request #73 from LD-Reborn/72-feature-skip-to-content-button

72 feature skip to content button
This commit is contained in:
LD50
2025-10-05 19:54:38 +02:00
committed by GitHub
6 changed files with 24 additions and 6 deletions

View File

@@ -13,7 +13,7 @@
<value>System.Resources.ResXResourceWriter, System.Windows.Forms, ...</value>
</resheader>
<data name="Home Page" xml:space="preserve">
<value>Startseite</value>
<data name="Overview" xml:space="preserve">
<value>Übersicht</value>
</data>
</root>

View File

@@ -13,6 +13,12 @@
<value>System.Resources.ResXResourceWriter, System.Windows.Forms, ...</value>
</resheader>
<data name="Jump to content" xml:space="preserve">
<value>Zum Inhalt springen</value>
</data>
<data name="Home" xml:space="preserve">
<value>Startseite</value>
</data>
<data name="Log out" xml:space="preserve">
<value>Abmelden</value>
</data>

View File

@@ -6,7 +6,7 @@
<div class="container py-4">
<h2 class="mb-3">Overview</h2>
<h2 class="mb-3">@T["Overview"]</h2>
<div class="mb-4 d-flex flex-wrap gap-2">

View File

@@ -17,7 +17,7 @@
<form method="post" action="/Home/Login" class="mt-4" style="max-width: 400px; margin: auto;">
<div class="form-group mb-3">
<label for="username" class="form-label">@T["Username"]</label>
<input type="text" class="form-control" id="username" name="username" required>
<input autofocus type="text" class="form-control" id="username" name="username" required>
</div>
<div class="form-group mb-3">

View File

@@ -14,6 +14,7 @@
<body data-bs-theme="dark">
<header>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar bg border-bottom box-shadow mb-3">
<a href="#main-content" class="skip-link btn btn-primary">@T["Jump to content"]</a>
<div class="container-fluid">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Berufsschule_HAM</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
@@ -23,7 +24,7 @@
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
<a class="nav-link text" asp-area="" asp-controller="Home" asp-action="Index">@T["Home"]</a>
</li>
<li class="nav-item">
@if (User.Identity.IsAuthenticated)
@@ -41,7 +42,7 @@
</nav>
</header>
<div class="container">
<main role="main" class="pb-3">
<main id="main-content" role="main" class="pb-3">
@RenderBody()
</main>
</div>

View File

@@ -46,3 +46,14 @@ button.accept-policy {
white-space: nowrap;
line-height: 60px;
}
.skip-link {
position: fixed;
left: -10000px;
z-index: 1000;
}
.skip-link:focus {
left: 10px;
top: 10px;
outline: none;
}