impress-2020/src/app/WardrobePage/support
Matchu 4120c7aa88 fix large-icon visual bug
Looks like there was some kind of runtime conflict when running @emotion/css and @emotion/react at the same time in this app? Some styles would just get clobbered, making things look all weird.

Here, I've removed our @emotion/css dependency, and use the `<ClassNames>` utility element from `@emotion/react` instead. I'm not thrilled about the solution, but it seems okay for now...

...one other thing I tried was passing a `css` prop to Chakra elements, which seemed to work, but to clobber the element's own Emotion-based styles. I assumed that the Babel macro wouldn't help us, and wouldn't convert css props to className props for non-HTML elements... but I suppose I'm not sure!

Anyway, I don't love this syntax... but I'm happy for the site to be working again. I wonder if we can find something better.
2021-01-04 03:11:55 +00:00
..
ItemLayerSupportModal.js update chakra imports 2020-12-25 09:08:33 -08:00
ItemLayerSupportUploadModal.js update chakra imports 2020-12-25 09:08:33 -08:00
ItemSupportDrawer.js fix large-icon visual bug 2021-01-04 03:11:55 +00:00
Metadata.js update chakra imports 2020-12-25 09:08:33 -08:00
PosePickerSupport.js update chakra imports 2020-12-25 09:08:33 -08:00
SupportOnly.js migrate to new useSupport hook 2020-08-29 14:54:02 -07:00
useSupport.js Show empty PosePicker for Support users 2020-08-29 14:49:37 -07:00