impress/app/assets/stylesheets/application
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
..
breadcrumbs.sass Add edit form to Rainbow Pool for pet states, for support staff only 2024-09-27 22:14:00 -07:00
hanger-spinner.css Improve the loading indicator for the new item page previews 2024-07-07 21:32:41 -07:00
magic-magnifier.sass Add magnification when editing pet appearance 2024-12-07 11:39:37 -08:00
outfit-viewer.sass Add helpful layer interactions on pet appearance edit page 2024-12-07 10:41:52 -08:00
rainbow-pool.sass Add a bit more space around Rainbow Pool filter forms 2024-10-11 17:39:35 -07:00
support-form.sass When labeling pet appearances on mobile, give pose options equal height 2024-12-01 10:27:38 -08:00