Skip to content

[UX] Add keyboard shortcut hints to toolbar buttons #732

@adamghaleb

Description

@adamghaleb

Description

Keyboard shortcuts are only discoverable via the shortcuts dialog. Toolbar buttons don't show their associated shortcut anywhere.

Expected Behavior

Show shortcut hints on toolbar buttons, e.g.:

  • Split button shows "(S)"
  • Play button shows "(Space)"
  • Delete button shows "(Delete)"

Could be implemented as:

  • Suffix in tooltip: "Split at playhead (S)"
  • Small <kbd> badge on button hover
  • In context menu items

Files

  • apps/web/src/components/editor/panels/timeline/timeline-toolbar.tsx
  • apps/web/src/components/editor/dialogs/shortcuts-dialog.tsx

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions