search

jac-uk / admin

The Vue SPA for managing applications and applicants
https://admin.judicialappointments.digital
MIT License
4 stars 2 forks source link

SPIKE: Test improvements to navigation #2429

Open nickaddy opened 1 week ago

nickaddy commented 1 week ago

Background

As part of the Admin refresh, we'd like to experiment with bringing the left hand menus up to the top of the screen so that we can use the full width of the screen to display exercise content. We'd like to achieve a layout like this:

image.png

Feature(s) Description

Experiment with the Exercise sub menu with the aim of delivering the above configuration. Ideally, we'd like to:

  1. Have the items in the sub-menu display in a grey box underneath the top navigation
  2. Have the selected item in the sub menu appear next to the top level menu item separated by a >
  3. Have a blue line delineating which menu items are selected
  4. The menu that appears could either float on top of screen content or push the screen content down
nickaddy commented 1 week ago

Hey team! Please add your planning poker estimate with Zenhub @drieJAC @HalcyonJAC @KoWeiJAC @tomlovesgithub

drieJAC commented 6 days ago

See the following packages if required:

https://www.npmjs.com/package/vue3-tabs-component https://cristijora.github.io/vue-tabs/#/

drieJAC commented 2 days ago

Tasks will need some logic to decide which items should be visible. @nickaddy Draft exercises will need to be looked into at a later point.