bitshares / bitshares/bitshares-ui

Navigation bar is hidden when screen is zoomed out and cannot be clicked

Open
#3,174 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
520
Forks
575
Avg merge
12h 7m
Merged PRs (30d)
5

Description

**Describe the bug**
The navigation bar under the Explore menu is too long, and the rightmost option is hidden when the screen is zoomed out

**To Reproduce**
Steps to reproduce the behavior:
1. Go to 'https://develop.bitshares.org/#/explorer/blocks'
2. Click on ''
3. Scroll down to '....'
4. See error

**Expected behavior**
When the screen is zoomed out, scroll buttons are added to the left and right of the navigation bar.

**Screenshots**
If applicable, add screenshots to help explain your [problem.]
![屏幕快照 2019-12-23 上午10 27 43](https://user-images.githubusercontent.com/30650929/71332393-fbd7a500-2570-11ea-8cfc-9ac546462d5b.png)
![屏幕快照 2019-12-23 上午10 30 59](https://user-images.githubusercontent.com/30650929/71332607-cda69500-2571-11ea-9998-756e8a2bf0b2.png)

**Desktop (please complete the following information):**
- OS: [macOs]
- Browser [Google Chrome the latest version of]
- Version [3.1.190618-rc1]

**Smartphone (please complete the following information):**
- Device: [android/iPhone8]
- OS: [e.g. iOS8.1]
- Browser [Google Chrome]
- Version [3.1.190618-rc1]

**Additional context**
Add any other context about the problem here.

Contributor guide

Open the contributing guide

Research direction

Start at https://develop.bitshares.org/#/explorer/blocks and inspect the navigation bar under the Explore menu at reduced browser zoom. Reproduce the hidden rightmost option, then verify that left and right scroll buttons appear and allow every navigation option to be clicked.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.