Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Oct 13, 2025

  • Fix help dialog scrolling on small screens
  • Add reset option in the menu toolbar
  • Add keyboard shortcut hints in toolbar menus
  • Place nodes under cursor when using keyboard shortcuts to add nodes
  • Add Ctrl+A shortcut for selecting all nodes
  • Update translations for new features (English and German)
  • Add close button (X) to help dialog header for mobile usability
Original prompt

This section details on the original issue you should resolve

<issue_title>Issues with keyboard shortcuts</issue_title>
<issue_description>The help dialog is too long on small screens and does not scroll.

It should be possible to reset everything not only with a keyboard shortcut but also in the menu.

There should be hints about the keyboard shortcuts in the editor toolbar. Maybe in light grey beside the actual menu item or as a tooltip.

When pressing the keyboard shortcut for adding a node, it should be placed under the cursor.

There should also be a Ctrl+A shortcut for selecting all nodes.</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #15


💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

@vercel
Copy link

vercel bot commented Oct 13, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
learningmap Ready Ready Preview Comment Oct 13, 2025 9:45am

- Add max-height and overflow-y to help dialog for scrolling on small screens
- Add Ctrl+A shortcut for selecting all nodes
- Add Reset option to menu toolbar with Ctrl+Del shortcut hint
- Show keyboard shortcut hints next to menu items (Ctrl+1-4, Ctrl+P, Ctrl+D, Ctrl+Del)
- Track mouse position to place nodes under cursor when using keyboard shortcuts
- Add selectAllNodes translation for both English and German

Co-authored-by: mikebarkmin <2592379+mikebarkmin@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix keyboard shortcut functionalities and improve help dialog Fix keyboard shortcuts issues: scrolling, hints, cursor placement, and select all Oct 13, 2025
Copilot AI requested a review from mikebarkmin October 13, 2025 09:26
@mikebarkmin
Copy link
Member

@copilot the help dialog needs a close button to be more handleable on mobile devices.

- Added X icon import from lucide-react
- Restructured help dialog with separate header, content, and footer sections
- Added close button in header with X icon for easier access on mobile
- Updated CSS to properly style the new header/footer structure with borders
- Content section now scrolls independently while header/footer remain fixed

Co-authored-by: mikebarkmin <2592379+mikebarkmin@users.noreply.github.com>
Copy link
Contributor Author

Copilot AI commented Oct 13, 2025

@copilot the help dialog needs a close button to be more handleable on mobile devices.

Added a close button (X) in the help dialog header for better mobile accessibility. The dialog now has a structured header with the title and close button, a scrollable content area, and a footer with the primary close button. Commit: 7f5c2d9

@mikebarkmin mikebarkmin marked this pull request as ready for review October 13, 2025 09:45
@mikebarkmin mikebarkmin merged commit 39e3b10 into main Oct 13, 2025
1 of 2 checks passed
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.

Issues with keyboard shortcuts

2 participants