FEATURE: Create a mobile friendly workspace view

[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

• [x] 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

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

• [x] 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)

• [x] Create a responsive nav bar and add an ellipsis to the board name if it is too long, e.g., see image below

• [ ] 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

[JoelWiebe]

@markiianbabiak would this interest you?

[JoelWiebe]

This is the current view of the CK Workspace.

To Setup:

• In a board, go to Manage groups in top right menu to create at least one group and assign yourself to that group
• Create at least one post on the canvas
• In that same top right menu, go to Manage Buckets and Workflows and ensure at least one bucket is created
• Create either a generation or peer review workflow, the in Manage Workflows, click the play button
• Then go to the CK Workspace to see your task