MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/bbui/src/Modal/Modal.svelte
View File

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