atlassian / atlassian/atlascode

Atlassian Settings page app bar navigation not responsive

Open
#1,802 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
129
Forks
82
Avg merge
3h 3m
Merged PRs (30d)
6

Description

The `Atlassian Settings` page AppBar shows all tabs in a horizontal row regardless of screen size, causing layout overflow and poor UX on smaller screens. On small screens, the toolbar lacks clear visual separation between navigation and controls.

**Expected behavior:**
- Large screens: all section tabs visible inline, save controls pinned to the right
- Small screens: single active section shown with prev/next arrow navigation, no overflow

Image

Contributor guide

Open the contributing guide

Research direction

Start by locating the Atlassian Settings page AppBar and reproducing it at large and small screen sizes. Compare the current tab row and toolbar controls with the stated expected behavior; done means inline tabs and right-pinned save controls on large screens, and one active section with previous/next navigation and no overflow on small screens.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.