Vectry/codeboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

feat: add command palette, accessibility, scroll animations, and keyboard navigation

Browse Source 
Implements COMP-139 (command palette), COMP-140 (accessibility), COMP-141 (scroll animations), COMP-145 (keyboard navigation)

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-Claude)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
Vectry
2026-02-10 18:06:47 +00:00
parent 38d5b4806c
commit 7ff493a89a
13 changed files with 1308 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
apps/web/src/app/globals.css
View File

@@ -36,6 +36,22 @@
box-sizing: border-box;
}
:focus-visible {
outline: none;
box-shadow: 0 0 0 2px var(--accent-blue);
border-radius: 0.25rem;
}
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: none;
box-shadow: 0 0 0 2px var(--accent-blue);
}
html {
scroll-behavior: smooth;
}
@@ -395,3 +411,27 @@ body {
height: 1px;
background: linear-gradient(90deg, transparent, var(--border), transparent);
}
[data-animate] {
opacity: 0;
transform: translateY(32px);
transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
[data-animate="visible"] {
opacity: 1;
transform: translateY(0);
}
[data-animate][data-animate-delay="1"] { transition-delay: 0.1s; }
[data-animate][data-animate-delay="2"] { transition-delay: 0.2s; }
[data-animate][data-animate-delay="3"] { transition-delay: 0.3s; }
[data-animate][data-animate-delay="4"] { transition-delay: 0.4s; }
@media (prefers-reduced-motion: reduce) {
[data-animate] {
opacity: 1;
transform: none;
transition: none;
}
}