Wykres commitów

6 Commity (d4f270eb52778dc807be29515de88efc3caa410b)

Autor SHA1 Wiadomość Data
Atul Varma 6aba6b665f
Add mouseover tooltips with debugging information (#35)
This adds a bit of debugging information on mouseover.

For example, a tooltip with the text `bird@tail.arm[0]` can be interpreted as "a bird symbol attached to the tail symbol's first arm attachment point."

The implementation is a bit funky: we basically annotate the SVG DOM with various `data` attributes, and on mouseover we traverse the DOM from the element the mouse is over all the way up to the SVG root element, picking out relevant `data` attributes and building a tooltip out of it.  This ended up being easier than e.g. passing a bunch of props down the whole tree in React.
2021-02-27 13:28:44 -05:00
Atul Varma b81f11fe76 Factor out SymbolContextWidget, use it on creature page. 2021-02-17 08:07:04 -05:00
Atul Varma 291c9d60fa Factor out svg-symbol.tsx, visible-specs.tsx. 2021-02-15 09:56:02 -05:00
Atul Varma 11c27b905f Make attachment point code more DRY. 2021-02-15 09:13:00 -05:00
Atul Varma 972cecb056 Factor out svg-vocabulary.ts, increase symbol padding. 2021-02-15 08:33:33 -05:00
Atul Varma 0652aa19ea Add rudimentary about page. 2021-02-14 12:32:55 -05:00