Skip to content

AbstractContinuum 0.5.0

Choose a tag to compare

@github-actions github-actions released this 30 Sep 14:26
· 53 commits to main since this release

Continuum adapts to the screen: desktop windows of any size, tablets and
phones, in portrait and landscape. Everyone using the web console is
affected; nothing changes in the server, its flags or the gateway it needs
(AbstractGateway 0.4.1 or newer standalone, 0.7.0 or newer under
/apps/continuum/). Desktop windows 1440 px and wider keep their layout.
See Responsive layout.

Added

  • Menu drawer below 1024 px. On tablets and narrow windows the sidebar
    becomes a menu opened from the header button; Escape, a tap outside or
    Close menu closes it, and the page behind it is inactive while it is
    open.
  • Team page, one pane at a time on phones. Pick a channel to open its
    thread and use ← Channels to return. The thread keeps the screen: one
    bar holds ← Channels, the channel name and More, which shows the
    filters, search, sort, channel actions and the Assistant / Members / Files /
    Leaderboard / Desk panels. The message box takes the width and Send is an
    icon button. Short landscape windows use the same layout.
  • List, then detail on phones for Executions and the Inbox (reports and
    email), with ← Back to the list.
  • Backlog cards on phones: one card per item, title first, actions
    underneath.

Changed

  • Team page on laptops and tablets (768 to 1439 px): an open panel sits
    beside the thread and the channel list steps aside; from 1440 px channels,
    thread and panel stay side by side. The filter bar wraps onto a second row
    when the thread column is narrow.
  • Dialogs are sheets on phones and in short landscape windows (New task,
    Execute, the file viewer): they open from the bottom of the screen with an
    opaque surface, their buttons stay visible and they rise above the on-screen
    keyboard. The work-item drawer is full width on phones.
  • Escape closes the top dialog or drawer only. In the work-item drawer it
    does nothing while you are typing or editing the spec.
  • Touch screens: buttons, rows, tabs and checkboxes are at least 44 px,
    form fields use 16 px text (no zoom on focus), and messages, reports, specs
    and form labels use the 14 px reading size. Message actions sit under the
    message.
  • The header always fits: the page title shortens with an ellipsis and on
    phones + New task shows as +.
  • Wide windows: board lanes use the full width from 1440 px; messages and
    documents keep a readable line length. The backlog table's optional columns
    (labels, package) follow the width of the table.
  • Uses @abstractframework/ui-kit 0.3.2 and @abstractframework/panel-chat
    0.2.1.
  • A source checkout builds on its own: the UI kit comes from npm, no sibling
    AbstractUIC checkout is needed.