Skip to content

Updates to sidebar in settings

Created by: quinnkeast

The current sidebar in the settings area wasn't really refined in the design process. I've created an updated component in Figma for the sidebar items called Nav List (it previously existed in Figma but wasn't quite finished), and added it to the sticker sheet with all of its states, and also created a new visual comp of a settings view with the updated sidebar.

Before:

CleanShot 2021-06-16 at 12 01 02@2x

After:

CleanShot 2021-06-16 at 12 01 11@2x

Here's a link to the Figma page with the changes visualized for comparison

Here's the sticker sheet for the Nav List component, which can be used as a reference for spacing and states.

These changes affect the user settings sidebar and the organization settings sidebar. The site admin sidebar is visually a bit different... I think I'll probably have to do a bit more work to handle the collapsing section headers if we're using the same components here.

Let me know what else I can do to help with this! @AlicjaSuska tagging.