twenty icon indicating copy to clipboard operation
twenty copied to clipboard

Add the new navbar dropdown menu to the next.js website

Open Bonapara opened this issue 9 months ago • 0 comments

Context

We aim to introduce a new "Docs" dropdown menu on our website's navbar. This menu will provide direct access to both the user-guide and the existing technical documentation.

Current Behavior

Currently, the navbar contains a single button that redirects users to the technical documentation.

Desktop

CleanShot 2024-05-17 at 10 45 44@2x

Mobile

CleanShot 2024-05-17 at 10 50 29@2x

Desired Behavior

We plan to replace the existing button with a dropdown menu. This menu will feature two options:

  1. User Guide
  2. Developers Don't take into account "documentation" in the screenshots

Desktop design

*Note that the arrow is rotating when the menu is clicked

https://github.com/twentyhq/twenty/assets/19412894/0efc9719-3b9f-4019-9cc2-335ab614fadd

Mobile design

We don't want to add a dropdown on mobile. Instead, we want to place the links one after another.

CleanShot 2024-05-17 at 10 54 00@2x

Design

Inspect twenty.com

Bonapara avatar May 17 '24 08:05 Bonapara