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:
1 parent
df8c6ce586
commit
4625848048
5 files changed
+81
-7
No files matched your search
@@ -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; }
|
||||
Reference in new issue
Block a user