Improved thread (and maybe card) inputs

[ackernaut]

From this person 🔒  regarding the ‘comments sidebar’

• It would be great if the text area would expand with the input text a bit more
• When a long comment is posted, the height is restricted with a scroll area. Would love for the whole comment to be visible.

I opened an issue for the 2nd item at #4647

As for the input itself, it does grow but to 4 lines:

We could optionally let it grow to fill the height of the thread.

On the broader subject, there’s a pattern I’ve seen on mobile (Slack) where folks can expand their editor. I think many of our editing views could be improved with a more focused writing mode that then is found in the thread etc. Depending on the context we can collapse and expand if appropriate. In a simple thread, I don’t think comments should be collapsed. It some larger discussion UX with sub-threads, maybe.

On the left, the reply input is in a default state. However, you can drag the bar and get a focused surface:

Here’s a shot from Keep:

Currently our thread is a mess on mobile. The thread should fill the screen once it’s focused. Folks could have a focused editing view when adding cards or if they want to expand to type their comment:

(👀  see more in Figma)

A mobile-first approach would help on larger devices because the thread typically takes up a similar width, and writing can still be cramped.

[ackernaut]

An update here, PR #4684 will remove the overflow and max-height from the input, which feels like the right thing to do. However, having a mobile-first editing and focus mode is still important throughout the app, as some of the threads don’t have room to function on mobile, so keeping the discussion open for that reason until this goes stale.