fix(Overlay): fixed index

TheComputerM · Sep 23, 2020 · e352b7a · e352b7a
1 parent 557e279
commit e352b7a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/svelte-materialify/src/components/Overlay/Overlay.scss b/packages/svelte-materialify/src/components/Overlay/Overlay.scss
@@ -9,7 +9,6 @@
   right: 0;
   bottom: 0;
   pointer-events: auto;
-  z-index: var(--s-overlay-index);
 
   &.absolute {
     position: absolute;

diff --git a/packages/svelte-materialify/src/components/Overlay/Overlay.svelte b/packages/svelte-materialify/src/components/Overlay/Overlay.svelte
@@ -1,6 +1,6 @@
 <script>
   import { fade } from 'svelte/transition';
-  import Style from '../../internal/Style';
+  import BackgroundColor from '../../internal/BackgroundColor';
 
   let klass = '';
   export let active = true;
@@ -22,11 +22,8 @@
     class="s-overlay {klass}"
     class:absolute
     on:click
-    use:Style={{ 'overlay-index': index }}
-    {style}>
-    <div
-      class="s-overlay__scrim"
-      style="opacity:{opacity};background-color:{color};border-color:{color}" />
+    style="z-index:{index};{style}">
+    <div class="s-overlay__scrim" use:BackgroundColor={color} style="opacity:{opacity}" />
     <div class="s-overlay__content">
       <slot />
     </div>