SilverLABS/littleshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Remove skip-to-content link per user request

Browse Source
This commit is contained in:
SysAdmin 2025-11-13 19:15:42 +00:00
parent 28dce2223d
commit 21a1078d64
5 changed files with 14 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
LittleShop/Areas/Admin/Views/Shared/_Layout.cshtml
View File

@ -40,9 +40,6 @@
@await RenderSectionAsync("Head", required: false) @await RenderSectionAsync("Head", required: false)
</head> </head>
<body> <body>
<!-- Skip to Main Content Link for Accessibility -->
<a href="#main-content" class="skip-link">Skip to main content</a>
<!-- PWA Loading Screen - Managed by blazor-integration.js --> <!-- PWA Loading Screen - Managed by blazor-integration.js -->
<div id="pwa-loading-screen" class="pwa-loading-screen"> <div id="pwa-loading-screen" class="pwa-loading-screen">
<div class="pwa-loading-content"> <div class="pwa-loading-content">
@ -149,7 +146,7 @@
</nav> </nav>
</header> </header>
<div class="container-fluid"> <div class="container-fluid">
<main role="main" class="pb-3" id="main-content" tabindex="-1"> <main role="main" class="pb-3">
@RenderBody() @RenderBody()
</main> </main>
</div> </div>

BIN
LittleShop/littleshop-dev.db-shm Normal file
View File

Binary file not shown.

0
LittleShop/littleshop-dev.db-wal Normal file
View File

25
LittleShop/wwwroot/css/modern-admin.css
View File

@ -71,7 +71,7 @@ body {
border-width: 0; border-width: 0;
} }
/* Screen Reader Only Focusable - Show on focus (for skip links) */ /* Screen Reader Only Focusable - Show on focus */
.sr-only-focusable:active, .sr-only-focusable:active,
.sr-only-focusable:focus { .sr-only-focusable:focus {
position: static; position: static;
@ -82,29 +82,6 @@ body {
white-space: normal; white-space: normal;
} }
/* Skip to Main Content Link */
.skip-link {
position: absolute;
top: -100px;
left: 10px;
z-index: 10000;
padding: 0.75rem 1.5rem;
background: var(--primary-blue);
color: white;
border-radius: var(--radius-md);
font-weight: 600;
text-decoration: none;
box-shadow: var(--shadow-lg);
transition: top 0.3s ease;
}
.skip-link:focus {
top: 10px;
outline: 3px solid var(--warning-orange);
outline-offset: 2px;
color: white;
}
/* Modern Card Styling */ /* Modern Card Styling */
.card { .card {
border: 1px solid var(--grey-200); border: 1px solid var(--grey-200);