Show talks is a stack-grid

[mellmann]

All cells in MOPED are organized in rows. (all cells have the same width but different heights). Because of that we get large vertical gaps. It would be much better to organize those cells in columns instead of rows - in a stack-grid.

For instance like this: https://www.npmjs.com/package/react-stack-grid

[h3ndrk]

The stack grid works great for the unscheduled talks, I agree. But when talks are scheduled, they will be displayed in order with the current implementation based on scheduling date/time. Displaying talks in order with a stack grid is difficult, I would argue. Or is there a way to make it work?

[mellmann]

Oh, I see that makes sense. Two other options that I see right now are:

1. limit the height (e.g., all cells are square) and expand to the full content on click in a modal dialog, or expand on hover
2. a small quickfix to mitigate the problem - optimize the use of the horizontal space in one grid cell, e.g., instead of this

Nerds (3): qdwqw qdwqwd
           qwdqwdq
Noobs (25): qdq qwdqw qwd
            qdwqwd qwdqwd
            qwdqw qwdqw 

make this:

*Nerds (3):* qdwqw qdwqwd
qwdqwdq
*Noobs (25):* qdq qwdqw qwd
qdwqwd qwdqwd qwdqw qwdqw 

[h3ndrk]

Thanks for your ideas!

I will keep this issue open, s.t. we can look at it again when we are developing the next iteration.