Skip to content

FEATURE: Create a mobile friendly workspace view #589

Description

@JoelWiebe

Feature

Overview
Create a mobile-responsive version of the Workspace view

Details
The workspace may commonly be used from cell phones or tablets whereas the canvas will continue to be used primarily on computers and large classroom displays

Tasks

  • For computers and mobile devices, move the back button out of the nav bar and place just below the nav bar in the top left of the screen

  • For computers and mobile devices, remove "CK Workspace - " from the nav bar title in the top left

  • For mobile only, hide the user's name in the nav bar (consider putting the user's name in the menu (perhaps at the top with a line under it to identify which user account they are currently logged in as)

  • Create a responsive nav bar and add an ellipsis to the board name if it is too long, e.g., see image below
    Screenshot 2024-06-25 at 12 26 11 PM

  • Either hide or make left side panel collapsible only on mobile. Option 1: Make collapsible with an icon to open and close. Option 2: Have a button at the top of the CK workspace called "Open Tasks List" that creates a full screen pop-up with accordion of Pending, Active, and Completed tasks. In both cases, when Resume/Start Task button is pressed, the panel/pop-up can close/collapse.

  • Test to ensure flip through post stack in centre of CK Workspace view works on mobile

  • Update post pop-up responsiveness for mobile

  • For both computers and mobile, the progress panel should be displayed below the card stack when the screen width is narrow

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions