46 lines
1.8 KiB
Markdown
46 lines
1.8 KiB
Markdown
NaviDocs UI Changelog
|
|
|
|
Date: 2025-10-19
|
|
|
|
Scope: UI polish only (no backend changes)
|
|
|
|
Summary
|
|
- Added Meilisearch-inspired polish via Tailwind utility layers and small markup tweaks.
|
|
- Kept changes strictly in the client UI; no server or configuration behavior changed.
|
|
|
|
Changes
|
|
- client/src/assets/main.css
|
|
- Added base accessibility and utility styles:
|
|
- Visible focus ring (:focus-visible) aligned to primary color
|
|
- kbd styling for keyboard hints
|
|
- Added component utilities:
|
|
- badge, badge-primary, badge-success
|
|
- glass (light translucent panel with blur)
|
|
- section, section-title (consistent vertical rhythm)
|
|
- accent-border (soft gradient glow border)
|
|
- bg-grid (subtle grid background)
|
|
- skeleton + shimmer keyframes (loading placeholders)
|
|
- client/index.html
|
|
- Theme color set to primary brand color (#c026d3)
|
|
- Basic Open Graph meta tags for better link previews
|
|
|
|
Rationale
|
|
- Aligns typography, spacing, gradients, and micro-interactions with a Meilisearch-style aesthetic without copying proprietary assets.
|
|
- Improves perceived performance (skeletons) and accessibility (focus ring).
|
|
|
|
Non-Goals
|
|
- No backend API, auth, or data changes.
|
|
- No vendor CSS or fonts added beyond Google Fonts already in use.
|
|
|
|
Testing
|
|
- Dev: cd client && npm run dev, then browse http://localhost:8080
|
|
- Check focus states via keyboard (Tab/Shift+Tab).
|
|
- Verify badges, gradient borders, and grid background on components that use the new classes.
|
|
|
|
Security/Privacy
|
|
- No secrets added. The file docs/handover/PATHS_AND_CREDENTIALS.md remains untracked and must not be committed.
|
|
|
|
Follow-ups (optional)
|
|
- Extract shared headers into a reusable Nav component across views for tighter consistency.
|
|
- Consider Tailwind Typography for rich text rendering of document content.
|
|
|