Iteration on the Copy Canvas Link button

[MichaelArestad]

We were taking a look at the "Copy canvas link" and the "Open canvas in new tab" buttons this morning and @ndelangen suggested we might combine those two into a dropdown.

There are a few benefits that jump out at me:

1. It frees up a little space in the toolbar.
2. The labels are bit clearer.
3. We could add more actions as well like "Copy story link."

On the flip side:

1. It adds an extra click.

I mocked it up quickly to see how it feels:

I am still a bit on the fence with this one. It could definitely work.

Does the menu add clarity?
Does the extra click get in the way?

Are you able to assist to bring the feature to reality?
Yep!

[ndelangen]

I think this is the right way forwards, sharing (which is the primary use-case for all these function) are already a multi-step process on most websites. Let's do this. Do we have a pretty "share" icon?

[yannbf]

I like it! It's much more informative although it requires an extra click

[MichaelArestad]

Do we have a pretty "share" icon?
@ndelangen We have a fairly standard share icon:

[ndelangen]

LGTM 👍 Let's proceed to use that then.

[yannbf]

What about making this even nicer with a QR code generation feature? It's pretty handy to check stuff on the phone simultaneously:

[MichaelArestad]

@yannbf I think a QR code could be super useful. Here's an updated screenshot:

I didn't mock up the full QR code flow yet because I would like to focus on that in a followup issue.

[MichaelArestad]

Updated proposal: This now has the correct icons

[ndelangen]

@MichaelArestad what if the QR code just was in the dropdown already?
So you click on the share icon, and can immediately scan the QR code.

[MichaelArestad]

@ndelangen We could do something like that for sure. I left it out of the latest mockup because I think that feature should get it's own issue/proposal so we can fully work it out.