impress/app/assets/javascripts
Emi Matchu b2a23b3e7b Add magnification when editing pet appearance
I couldn't find a library for this functionality that didn't require
jQuery, and I don't want to be adding *more* jQuery requirements. So, I
decided to throw together my own!

The `<magic-magnifier>` component copies its contents into a "lens"
element, then uses basic JS to track mouse position, then uses CSS to
move the lens and its contents into a helpful position.

One thing I noticed here is that the zoom is a bit crunchy because
we're using PNG images, and it's hard to zoom in even further than we
already are. I might try switching this UI to use the SVG images by
default instead?
2024-12-07 11:39:37 -08:00
..
closet_hangers Replace closet_hangers/petpage.js with modern CSS 2024-09-20 19:27:39 -07:00
closet_lists Set Prettier default to tabs instead of spaces, run on all JS 2024-09-09 16:11:48 -07:00
fundraising/donations Set Prettier default to tabs instead of spaces, run on all JS 2024-09-09 16:11:48 -07:00
items Oops, fix item page's "Customize More" not animating after color change 2024-09-29 14:59:52 -07:00
outfits fix hash in Thanks for showing us banner 2024-09-09 21:37:56 -07:00
pet_states Add magnification when editing pet appearance 2024-12-07 11:39:37 -08:00
pets Remove ajax_auth.js lib, by merging it in where needed 2024-09-20 19:10:26 -07:00
swf_assets Potentially improve loading state in new item page preview 2024-07-08 16:44:22 -07:00
magic-magnifier.js Add magnification when editing pet appearance 2024-12-07 11:39:37 -08:00
outfit-viewer.js Replace some JS with the @starting-style CSS directive 2024-09-24 19:33:06 -07:00