Skip to content

Navigation bar outstanding design refresh points

Created by: 5h1rU

Overview

After the review meeting with @AlicjaSuska we conclude:

The navigation bar has some missing points to complete the design refresh task.

For the number of components involved, we decided to review all the elements in the navbar as a whole. The points described below are the remanents to complete the task.

General Navigation

  • Remove margin on the last child for actions navigation buttons
  • Change navigation icons size to 16x16
  • /Docs and /About navigation links need to be open on a new tab
  • Focusable area on navigation links needs to include icons as well.

Command Palette

  • Add Command palette generates scroll when this is showing more than 8 items.
  • When the command palette is empty background needs to be bg-1

Un-auth General Navigation

  • Sign-in/Sign Up buttons need to have less margin between.
  • Remove margin on the last child for actions navigation buttons

Feedback widget

  • Change close icon color and position
  • Make sure the error alert is using the new design
  • Make sure the success screen on the feedback widget is using the new design