aws / aws/graph-explorer

Move sidebar closing to a button in the navigation bar

Open
#939 0 comments 0 reactions 0 assignees View on GitHub
usability
Dominant language
TypeScript
Stars
481
Forks
108
Avg merge
8d 9h
Merged PRs (30d)
7

Description

The sidebar currently has two ways to close:

- Click the "x" in the upper right corner of the sidebar panel
- Click the active icon in the sidebar switcher

The first one is pretty obvious, but the second one is a bit confusing.

## Proposed Alternative

We could replace both options with a single "toggle sidebar" option in the navigation bar. This is a pattern many apps follow, so should be familiar to users. Removing the close button will give us a new open place to put common actions for that sidebar.

### Mockup
![Image](https://github.com/user-attachments/assets/23528752-9a81-44a6-a4c1-4c9edb2d8498)

Contributor guide

Open the contributing guide

Research direction

The issue does not name files or tests; start by locating the sidebar, sidebar switcher, and navigation bar components in the React frontend. Confirm the existing two close interactions, then verify that the navigation-bar toggle is the single closing option and that the former close button is removed.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.