Skip to content

New left sidebar

Bram Wiepjes requested to merge new-sidebar-v2 into develop

What is in this MR

This merge request changes the design of the left sidebar to https://www.figma.com/design/fGx2YMPNrTpMGlgGYnkLr7/Left-sidebar?node-id=24-46&m=dev.

  • The new left sidebar is not collapsible anymore. This is going to be replaced with the ability to horizontally resize the sidebar. This is not yet implemented.
  • Because the Sidebar.vue component was getting quite big, I've split it up into a bunch of smaller components.

Jul-28-2024_16-30-58

What differs from the design:

  • Search is omitted because we don't have global search functionality.
  • Favorites are omitted because we don't have favorites functionality.
  • The logoff button has an icon because otherwise we can't show the loading animation without the text jumping.

How to test this MR

  • All links should work in the left sidebar.
  • Switching workspace should redirect the user to the workspace homepage.
  • Decrease the browser window height, and observe that the databases/applications section is vertically scrollable.
  • Clicking on the Admin tools in the workspace/user context, should change the left sidebar to admin "mode", and should show all the admin links there.
  • The admin links should work as expected.
  • If the instance doesn't have an enterprise license, the audit logs and direct support links should be locked.
  • If the user doesn't have permissions in the table, then the create and member buttons shouldn't be visible.
  • The preview in the onboarding should work as expected, highlighting the members and databases at the related steps.
  • The left sidebar is the template modal should look like the new sidebar, while also having collapse functionality.

Merge Request Checklist

  • A changelog entry has been created if required.
  • New/updated Premium/Enterprise features are separated correctly in the premium or enterprise folder
  • The latest Chrome and Firefox have been used to test any new frontend features
  • Documentation has been updated
  • Quality Standards are met
  • Performance: tables are still fast with 100k+ rows, 100+ field tables
  • The redoc API pages have been updated for any REST API changes
  • Our custom API docs are updated for changes to endpoints accessed via api tokens
  • The UI/UX has been updated following UI Style Guide
Edited by Bram Wiepjes

Merge request reports