apache / apache/echarts-www

[Bug] Nav items spacing and alignment

Open
#78 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
68
Forks
66
Avg merge
4d 9h
Merged PRs (30d)
2

Description

Navbar (right-side) layout overflows after scaling the browser width down.
And left-side items are crowding.

### Steps to Reproduce

1. Open the ECharts website.
2. Scale the browser width down to roughly 700px-900px.
3. Observe the right alignment of the nav-items (language and GitHub icon) and text-crowding on the left.

### Current Behavior

Crowded and overflowing region is shown within red-box
Image

### Expected Behavior

Image

### Any additional comments?

I have already implemented these changes locally and verified them. I am ready to submit a Pull Request to apply these improvements.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the ECharts website navbar components and their responsive styles, then reproduce the issue at roughly 700px–900px wide. Done means the right-side language and GitHub items remain aligned without overflow and the left-side items no longer crowd, while the expected layout is preserved at wider widths.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.