Quick actions in shell component

[rafaelramalho19]

We can add some quick actions to the shell component to further improve the UX.

My suggestiond would be:

• Copy button that copies the content of the entire shell
• Copy line button that copies a specific line
• Anchor line, which would change the URL to refer to that line. Makes it easier to share the lines to other users.

More info on: ipfs/ipfs-webui#1487

[jessicaschilling]

@rafaelramalho19 I'm not quite sure what you mean by "anchor line" ... it sounds cool ;) but can you explain in a little more detail?

It sounds like we might just need an unobtrusive button with "two sides": copy whole shell contents, or copy line (or maybe copy selection; the user can triple-click to select whole line).

The next step is probably to assess Desktop and WebUI to see all the different locations where this button might potentially appear, so we can build a visual asset that fits well in as many of those locations as possible. If you get the time to do this before I do (have some other items on my plate right now), that would be awesome, or we can queue this up to work on later.

Also -- external contribution would be very welcome on this one!

[rafaelramalho19]

Anchoring lines is basically this: https://dl.dropboxusercontent.com/s/8ktc1s8zzm5zhr8/x7R0ln4MaI.mp4

[jessicaschilling]

Aha! Got it. We've got an established visual pattern in the docs already that we might be able to bring over and have make sense: see https://docs-beta.ipfs.io/ and hover over any H2.

[jessicaschilling]

As for the copy line/all button, are there any examples elsewhere in the wild that you're a fan of?