Skip to content

Add keyboard shortcuts panel to frontend-v3#8

Open
luaroncrew wants to merge 1 commit into
mainfrom
add-keyboard-shortcuts-panel
Open

Add keyboard shortcuts panel to frontend-v3#8
luaroncrew wants to merge 1 commit into
mainfrom
add-keyboard-shortcuts-panel

Conversation

@luaroncrew
Copy link
Copy Markdown
Owner

Summary

  • Adds a fixed ? button (bottom-right corner) that toggles a keyboard shortcuts modal
  • Modal slides in with a fade/translate animation and lists all available shortcuts
  • No external libraries — pure HTML/CSS/JS

Shortcuts added

Key Action
? Toggle shortcuts panel
Esc Close modal → close image zoom → back to selection (priority order)
R Refresh chart list
/ Navigate charts with accent-outline highlight, wraps around
Enter Open focused chart

Test plan

  • Open frontend-v3/index.html in browser (with backend running)
  • Click ? button → modal appears
  • Press ? key → modal toggles
  • Press Esc → modal closes; press again → goes back to selection
  • Press R on selection view → charts reload
  • Press / → cards get purple outline, scroll into view
  • Press Enter on focused card → opens prediction

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant