Toppo

Getting around ​

The sidebar ​

The sidebar holds what you come back to:

  • Issues: the issue list of a project, the one you viewed last.
  • My issues: the issues assigned to you, in every project.
  • Under Workspace: Projects, if you create projects or manage one, and Settings, if you manage part of the instance.

At its foot, your name and email lead to My account, the icon beside them signs you out, and the version of Toppo running shows at the very bottom: give it when you report a problem. Those who manage the instance also see there when a newer version is out.

On a phone or a narrow window, the sidebar hides behind the menu button at the top left (Open navigation) and closes once you have chosen.

The top bar ​

  • The project: on the issue list, the breadcrumb Projects / Website ▾ / Issues switches project; its menu searches them by name.
  • Search: opens the command palette (below).
  • The bell: your notifications, with the number unread.

The command palette ​

Press Ctrl K (⌘ K on a Mac), from anywhere, or click Search in the top bar. Press it again, or Esc, to close it.

  • Before you type, it lists what you can open: New issue (in the project you viewed last), Issues, My issues, and Projects and Settings if you may see them.
  • Type words to find issues in every project you can see, typos forgiven, or a key such as WEB-42 to open that issue: the 10 best matches show, each with its project and status. See finding issues.
  • ↑ and ↓ move through the choices, Enter opens one.

The keyboard ​

Toppo has one shortcut of its own, Ctrl K / ⌘ K; everything else is reached with Tab, Enter and Esc, as on any page. The first Tab reaches a Skip to content link. A few places answer to more keys:

  • In a field you type into, Enter saves and Esc puts back what was there.
  • In the list of people offered after @, ↑ ↓ move, Enter or Tab chooses, Esc closes.
  • In the attachment viewer, ← and → move between files.

On a phone ​

Every screen works from a 320-pixel-wide phone up, with a finger or with a screen reader. Below 640 pixels, the issue list shows each issue as a card, and a Sort menu replaces the clickable column headers.