Btcpayserver: Jumpy transition when refreshing wallet transaction page when there are labels

Created on 5 Sep 2019  路  4Comments  路  Source: btcpayserver/btcpayserver

Describe the problem/bug
If you assign a label(s) to your transactions and refresh or just visit the page, the transition will be awkward and the screen will "jump" (see gif at the bottom).

While it's a minor UX annoyance, it can look pretty awkward on slower servers (that take a bit more to load)

This is possibly introduced with .128
Your environment

  • Version of BTCPay Server: v1.0.3.130
  • Deployment method: Docker
  • Other relevant environment details: Tested on Chrome and Firefox

To Reproduce
Steps to reproduce the behavior:

  1. Assign a label to a transaction (one or more).
  2. Visit wallet and you'll notice jumping
  3. Refresh to see again

Screenshots/Links
2019-09-05_19-20-44-1

Closing UI / UX Wallet

All 4 comments

A small related issue: if you have more than one label they butt up agains each other without any space in-between. It would be nice to have some space between each label.

Screen Shot 2019-09-05 at 6 36 12 PM

Also would be nice to be able to remove a label by clicking some sort of "x" icon in the label.

@bolatovumar That was quick. Both of your suggestions are good ideas. I agree. Will test the jumpy transition in a few hours and comment on the PR.

@pavlenex I will probably open two separate issues for the two suggestions.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

britttttk picture britttttk  路  3Comments

ghost picture ghost  路  3Comments

astupidmoose picture astupidmoose  路  3Comments

beetlevw picture beetlevw  路  3Comments

NicolasDorier picture NicolasDorier  路  3Comments