UI overlap on mobile meeting start activity screen

[adaniels-parabol]

When viewing the meeting start activity screen, there is significant UI overlap causing display and clicking issues.

[nickoferrall]

I think this probably needs to be a design issue unless we have a design already for the mobile view?

Perhaps the sidebar could be narrower and have a white background rather than being see-through? And the user could open and close the sidebar? Although we'd probably always want the "Start Activity" button to be visible.

Another option could be removing the sidebar on mobile. We could show the contents of the sidebar at the top of the page and the template info below it.

What do you think, @acressall?

[acressall]

It looks like the mobile view was never built, but @enriquesanchez did design it. Enrique, is this the correct design?

[enriquesanchez]

Hi!

@acressall @nickoferrall Yes, those are the correct designs. I don't know why these were not implemented 😞

[nickoferrall]

Great! Thanks for sharing. I'll remove the design label and work on implementing this 👍

[nickoferrall]

Just wanted to check what you think about this design @enriquesanchez or/and @acressall?

Clicking the downward arrow icon on the right of the settings would minimise the settings, only showing the two CTA buttons (and the button that shows any active meetings).

Then just the settings title with an upward icon would show up, letting the user expand the settings.

My thinking is:

1. It's simpler to build the above screenshot
2. When clicking on a settings icon (as in the design below), I expect to be taken to another page, but this would expand the settings.

What I don't like in my suggestion is the downward arrow icon in the Team selection clashes with the icon above it. That's not ideal, but not too bad IMO.

Curious to get your thoughts 🙏

[acressall]

I think the accordion style is more clear, and agree that while the icon misalignment is not ideal, it's not the worst. My one request is to make the settings arrow icon a smidge bigger so it's more tappable. I think the same size as the one below would be ok.

[enriquesanchez]

+1 to Alicia's comments.

@nickoferrall I do want to see how this looks collapsed. We want to avoid users missing the settings and starting an activity on the wrong team :)