UX: Elevate the Workspace UI around the site canvas

Created on 11 February 2020, almost 5 years ago
Updated 30 January 2023, almost 2 years ago

Problem/Motivation

In #3096017-4: Finalize the Workspaces UI β†’ we reviewed the things needed to finalize the Workspaces UI. The design of the off-canvas dialog isn't fully implemented, which leads to a sub-optimal user experience. The design of the off-canvas dialog does not help the user enough with distinguishing the various functions of the UI element.

Further, an important design and UX aspect of the initial Workspaces UI design that's currently missing was the idea that the UI should be "elevated" when switching workspaces. Or put another way, the Workspace UI should sit on-top/above the site to emphasise the mental model of Workspaces encompassing versions of the entire site.

Proposed resolution

Implement the CSS and JS needed to meet the original design. The initial prototypes are here: https://marvelapp.com/2db8i71/screen/26360612

Here's a screenshot of the specific design features:

User interface changes

Design changes in the Workspaces' off-canvas dialog.

API changes

None.

Data model changes

None.

πŸ“Œ Task
Status

Needs work

Version

10.1 ✨

Component
CSSΒ  β†’

Last updated about 13 hours ago

Created by

πŸ‡«πŸ‡·France dixon_ France

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • The Needs Review Queue Bot β†’ tested this issue. It either no longer applies to Drupal core, or fails the Drupal core commit checks. Therefore, this issue status is now "Needs work".

    Apart from a re-roll or rebase, this issue may need more work to address feedback in the issue or MR comments. To progress an issue, incorporate this feedback as part of the process of updating the issue. This helps other contributors to know what is outstanding.

    Consult the Drupal Contributor Guide β†’ to find step-by-step guides for working with issues.

Production build 0.71.5 2024