Legend is messed up in new stories

[slesaad]

Description

I noticed that legends are messed up in this temporary story i'm creating for the ams workshop - PR here - https://github.com/NASA-IMPACT/veda-config-ghg/pull/267

Preview link where the issue is: https://deploy-preview-267--ghg-demo.netlify.app/stories/ams-workshop-story

The weirdest thing tho, is in the same preview link, legends in this other story are fine - https://deploy-preview-267--ghg-demo.netlify.app/stories/us-methane-sources

Help me figure out what's going on!

Would like this figured out by this weekend, the workshop is on Sunday.

@hanbyul-here @sandrahoang686 @j08lue

[j08lue]

I see what you mean:

broken style:

working style:

The issue seems to be that the wrong style gets applied to the legend title.

[j08lue]

The difference seems to be that you are doing <Block><Prose><Figure><Map>, while the other working one has just <Block><Figure><Map> (i.e. not wrapped in Prose).

[j08lue]

I fixed it on your PR - hope this is how you meant the content to look. Btw, you can use the "experimental" live MDX editor while writing and debugging your content: https://deploy-preview-267--ghg-demo.netlify.app/sandbox/mdxeditor

You just need to copy-paste your MDX in and out of the editor manually.

[slesaad]

oooh! great catch! thanks @j08lue 🙇