Updated side modal, broke padding in all slot modal components

[ceyerkes]

Hi! I updated the library, and it looks like all of the side modals that use a slot component in my file are now broken. Is there an easy way to remedy this, or is it necessary to rebuild? I know there was a recent revision to the CTAs at the bottom of the side modal, and maybe this is related?

Thanks!

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Broken link on Modal component docs page (updated: 11/05/2020, similarity score: 85%)
• sideModal hooks not working? (updated: 04/30/2024, similarity score: 84%)
• How to change SideModal position (updated: 01/06/2023, similarity score: 84%)

[ceyerkes]

Wondering if the issue is stemming from the way my slot component was set up in the first place?

[roxanagomez]

Hi Colleen! Yes, the issue is how the slot was set up 😵. Since it is using the side-modal-body as the slot, it doesn't keep the pre-set margins. The correct way is to use the component inside the slot example paragraph and replace it with your custom content OR use the slot variant (slot variant has a slight adjustment needed I will work on)

Screen.Recording.2024-07-29.at.8.50.52.AM.mov

You could apply the margins in your local component, and it would update all of them to look correct, but that risks future spacing changes not being reflected in your modal.

Screen.Recording.2024-07-29.at.8.43.28.AM.mov

Let me know if that helps you.

[ceyerkes]

Ahhh I was afraid of that! I'll try this out and let you know if I have more questions - thanks so much for the thorough answer, @roxanagomez!