Restyle the launcher, enable keyboard navigation

[ellisonbg]

References

Partial fix for #3795 intended for 1.0. A more ambitious improvement is being done in #5953.

See #6529 for full details. This PR supersedes that one.

Code changes

• Each launcher card now has a valid tabindex and pressing enter when a card is focused will call onclick to open the activity. This enables keyboard interaction with the launcher.
• The title of the card is now the kernel name if it is a notebook or console.

User-facing changes

• Name of kernel now wraps to 2 lines to make longer kernel names visible.
• Additional styling for active and focus states of cards.

More examples:

Backwards-incompatible changes

None.

[jupyterlab-dev-mode]

Thanks for making a pull request to JupyterLab!

To try out this branch on binder, follow this link:

[jasongrout]

Of course, I just happen to have 166 kernels :). I bumped the tab index step to 300 for a bit more room.

[jasongrout]

actually, from https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

If multiple elements share the same positive tabindex value, their order relative to each other follows their position in the document source.

So I just changed them all to have tabindex 100.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related discussion.