feat: Add tooltips to glossary term links with their definition

[schultek]

Shows a tooltip for all glossary links with their term and definition. Glossary links are styled differently than normal links to give a visual indication to the visitor.

• On non-touch devices: shows the tooltip on hover.
• On touch devices: toggles the tooltip on click.

Always positions the tooltip inside the content container with no horizontal overflow.

[dart-github-bot]

Visit the preview URL for this PR (updated for commit 837fab7):

https://dart-dev--pr6969-feat-glossary-tooltip-aq2t2rdr.web.app

[parlough]

I love the functionality @schultek! Thanks :D

What about keyboard only users though? Would it make sense to also show the tooltip if the link is focused?

[schultek]

Good catch, I will add focus support as well

[parlough]

/gcbrun

[parlough]

This is super exciting. Thanks for working on this @schultek!

Works super well! I just have some small suggestions and questions.

[parlough]

Thanks for making those adjustments @schultek! Looks good to me after some small suggestions:

[schultek]

@parlough all done

[parlough]

@schultek This still looks good to me, but before we land it, can you investigate a pre-existing issue? It seems navigating to the full glossary terms scrolls to the wrong section of the page (which is a bit confusing from the learn more links). Without looking, I'm guessing because they are being closed on load and the location of the fragment is changing?

[schultek]

It seems navigating to the full glossary terms scrolls to the wrong section of the page (which is a bit confusing from the learn more links). Without looking, I'm guessing because they are being closed on load and the location of the fragment is changing?

Fixed

[parlough]

Thanks for making that adjustment! Everything looks great :D