I'm working a desktop app and I need to display a list of task to the user needs to complete. When clicking on a task (row), a side panel appears from the right to the left to display additional informations and actions related to the selected task. The panel shares the same space has the list since it's related, so it's not an overlay.
We have a lot of column to display and users need to be able to navigate quickly between row to display all the tasks details.
What should be the behavior of the left content (list/datable) when the side panel is displayed?
We have many solution in head but we are not sure which is the good one:
3. Push the content under the same row. Many of the articles suggest to push the content, but we don’t really want this behaviors since its reduce the number of tasks displayed and we have a lot of content.
We made many research but we didn't find one that does not answer to our needs: