selection indicator

[sgratzl]

closes #528

prerequisites:

• branch is up-to-date with the branch to be merged with, i.e. develop
• build is successful
• code is cleaned up and formatted

Summary

add selection indicator on the right

[netlify]

✔️ Deploy Preview for lineupjs ready!

🔨 Explore the source changes: c461369

🔍 Inspect the deploy log: https://app.netlify.com/sites/lineupjs/deploys/61dc2a798930d40008f85887

😎 Browse the preview: https://deploy-preview-535--lineupjs.netlify.app

[sgratzl]

@alexsb take a look again, it should be better but there are limits since I have to change the position of the bar each time you scroll

[alexsb]

It's still pretty jittery?

Not sure what a good solution would be. Just as a sanity check: there's no simple solution, like a css position: absolute here? Or moving the bar into a side-bar similar to the histograms/column configs on the right?

If not, then maybe fade out while we're scrolling? [though that defeats the purpose a bit]

[alexsb]

This is perfect! Thank You!

[puehringer]

@sgratzl Thanks, I briefly tested this PR using https://deploy-preview-535--lineupjs.netlify.app/big.html and found an issue:

1. Select some range in the ranking (the selection hint is correct)
2. Sort by some column (in this case Number2)
3. The selection hint does not update and stays on the "old" position
   

I suppose it should update this selection hint with order changes.

[sgratzl]

I suppose it should update this selection hint with order changes.

fixed

[puehringer]

Looks good to me! 🎉