HomePhabricator

[Cashtab] Improved styling for OrderBook

Description

[Cashtab] Improved styling for OrderBook

Summary:
Depends on D17051

Styling improvement for OrderBook components. Not to be treated as final.

Key changes

  • If we have fewer than 4 offers, we render the tokenId on top of the depth bars
  • Use all available horizontal space (wider depth bars)
  • Use all available horizontal space for slider
  • Add new noIcon param, which will render an OrderBook with depth bars only (for planned implementation on token landing page)

Test Plan:
npm test, check screenshots. Still available improvements but review this for "is this better than what we have"

OrderBook with 2 offers

image.png (480×471 px, 52 KB)

OrderBook with 4+ offers

image.png (418×469 px, 49 KB)

Orderbook with noIcon

image.png (386×469 px, 33 KB)

Reviewers: #bitcoin_abc, emack

Reviewed By: #bitcoin_abc, emack

Differential Revision: https://reviews.bitcoinabc.org/D17052

Details

Provenance
bytesofmanAuthored on Thu, Oct 31, 12:44
bytesofmanPushed on Fri, Nov 1, 12:58
Reviewer
Restricted Project
Differential Revision
D17052: [Cashtab] Improved styling for OrderBook
Parents
rABCb1a8ebc9bda4: [Cashtab] Organize OrderBook and styles
Branches
Unknown
Tags
Unknown