bitshares / bitshares/bitshares-ui

Order Book Improvements

Open
#1,062 21 comments 6 reactions 0 assignees View on GitHub
[1b] User Story [2] Needs Discussion [3] Feature [5e] Huge
Dominant language
JavaScript
Stars
520
Forks
575
Avg merge
12h 7m
Merged PRs (30d)
5

Description

The order book is a little busy. It's not really wide enough to warrant striped rows. Let's remove those. Also, if we can give a reference to the depth chart here with significant markers, it may remove the need for the depth chart toggle. This allows the user to have more information without toggling. This is a rough start and intended to spark discussion. I also noticed that most charting systems only show the size of the order for one side of the market.

I.e., if we are on BTS/USD, everything is priced in USD.

screen shot 2018-01-23 at 8 05 00 pm

## Notes
- [ ] Gray tick Call Limit
- [ ] Red Tick Settlement
- [ ] Yellow Tick Margin Call
- [ ] Bars are cumulative orders
- [ ] Hovering over each bar makes it a stronger version of that color and also lights up the corresponding value in the Exchange Header.
- [ ] Dark black background (hover state)
- [ ] Entire area scrolls (not separate scrolling areas for bid and ask)
- [ ] Only show order size (quantity) and price for one side of the market
- [ ] Decimals but all be in line
- [ ] Extra credit: dim gray for all insignificant leading and trailing zeros

Contributor guide

Open the contributing guide

Research direction

Start by locating the order book and depth-chart UI entry points, then compare their current behavior with the screenshot and checklist. Done would require an agreed design covering row striping, significant markers, hover states, scrolling, displayed quantities and prices, decimal alignment, and the depth-chart toggle.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.