Offline shell (precache, offline notice) and accessibility layer (skip link, button names, sheet focus and Escape)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-22 07:46:10 -04:00
1 parent df8c6ce586
commit 4625848048
5 files changed
+81 -7

No files matched your search

+6
View File
@@ -495,3 +495,9 @@ body.lyropen { overflow: hidden; }
.palrow.on { background: var(--panel2); }
.palrow svg { width: 20px; height: 20px; color: var(--muted); }
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
/* Offline notice, skip link, keyboard focus */
#offline { position: fixed; left: 0; right: 0; top: 0; z-index: 70; padding: calc(var(--sat) + 6px) 16px 6px; text-align: center; font-size: 13px; background: #b26a00; color: #fff; }
.skip { position: fixed; left: 8px; top: -60px; z-index: 80; padding: 10px 14px; border-radius: 10px; background: var(--accent); color: var(--accent-t); }
.skip:focus { top: calc(var(--sat) + 8px); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }