Adjust modal background to proper background color and add border in lightest them to inline modals
This commit is contained in:
parent
0c53e3bc39
commit
9e1e186020
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue