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 0c53e3bc39
commit 9e1e186020
1 changed files with 5 additions and 1 deletions

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>