1
0
Fork 0
mirror of synced 2024-07-05 06:20:55 +12:00

Adjust modal background to proper background color and add border in lightest them to inline modals

This commit is contained in:
Andrew Kingston 2021-05-10 16:52:09 +01:00
parent 6a2f711e77
commit 099e7648e3

View file

@ -49,7 +49,7 @@
<!-- These svelte if statements need to be defined like this. -->
<!-- The modal transitions do not work if nested inside more than one "if" -->
{#if visible && inline}
<div use:focusFirstInput class="spectrum-Modal is-open">
<div use:focusFirstInput class="spectrum-Modal inline is-open">
<slot />
</div>
{:else if visible}
@ -105,6 +105,7 @@
}
.spectrum-Modal {
background: var(--background);
overflow: visible;
max-height: none;
margin: 40px 0;
@ -113,4 +114,7 @@
--spectrum-global-dimension-size-100
);
}
:global(.spectrum--lightest .spectrum-Modal.inline) {
border: var(--border-light);
}
</style>