Setting z-index

[jamiec7919]

Hi,

This might be my misunderstanding (or complete lack of!) but is there any way to set the z-index of the overall modal container? I've experimented and for my use case it seems that I need to set it at the <div class="spm-modal-container modal-container"> level in Modal.svelte. I can hack this in but is there a structured, proper way?

Just for reference I'm trying to bring the modal up in front of a Svelte Flow diagram: https://svelteflow.dev/, however the diagram always shows on top unless I set the z-index as above.

Cheers.

[zeppelin]

Hey @jamiec7919, looks like styling seem to come up more then I though it will :)

It is a fair assumption that spm-modal-container needs to be targeted for setting its z-index. Maybe it's best if I expose a CSS variable in the next minor release, so you can set it similarly to other properties, such as --spm-backdrop-background, etc.

Also, sorry for getting back to you this late, GH notifications refused to do its job as it seems