Implement scrolling per stack

[juliushaertl]

Implements #2184

• Scroll each stack individually
• Fade out cards at the top when scrolling
• Scroll to card once inserted

@nextcloud/designers What do you think? Feels a bit more natural to use than always scrolling all lists

[stefan-niedermann]

Really awesome it was if the scrollbar thumbs were a bit thiner and hidden until one hovers a column. Should be possible with pure CSS, at least in Chrome. (imho they have too much attention)

[juliushaertl]

Really awesome it was if the scrollbar thumbs were a bit thiner and hidden until one hovers a column. Should be possible with pure CSS, at least in Chrome. (imho they have too much attention)

I also thought about that but was a bit concerned about the discoverability then.

[juliushaertl]

Let's move this to the next release

[jancborchardt]

Looks great, only some details – your call if to be fixed here or separately:

• When you click the "Add" button, the entire stack moves a bit down cause of the new element. Would be nicer if it wouldn’t move
• The autoscrolling to the inserted card could use a quick animation so people know what happened
• Agree with @stefan-niedermann about the scrollbar, but we could also leave that for now for discoverability indeed.

[juliushaertl]

When you click the "Add" button, the entire stack moves a bit down cause of the new element. Would be nicer if it wouldn’t move

But then we would overlay the existing cards, which I would prefer not to do.

The autoscrolling to the inserted card could use a quick animation so people know what happened

👍 Let me see if i can make that happen.

Agree with @stefan-niedermann about the scrollbar, but we could also leave that for now for discoverability indeed.

Then let's keep it for now. We can still experiment with hiding it in a follow up.

[juliushaertl]

🏓 for reviews again :)

[skjnldsv]

That's a weird BEM syntax ^^

[juliushaertl]

Indeed 🙈 adjusted with 78299b3

[der-flo]

This change makes it hard to scroll on iOS because every finger tip immediately starts dragging a card.

[der-flo]

This change makes it hard to scroll on iOS because every finger tip immediately starts dragging a card.

@juliushaertl Should I open a new issue?