From 336ec67cebdf7319a62e2aa0c138310e67ea3e39 Mon Sep 17 00:00:00 2001 From: vladoseeg Date: Mon, 24 Jun 2024 15:40:33 +0300 Subject: [PATCH] fix(Overlay): export order and stacking context --- src/components/Overlay/Overlay.scss | 6 +++++- src/components/index.ts | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/Overlay/Overlay.scss b/src/components/Overlay/Overlay.scss index b2d0b630d4..1898262208 100644 --- a/src/components/Overlay/Overlay.scss +++ b/src/components/Overlay/Overlay.scss @@ -11,6 +11,8 @@ $block: '.#{variables.$ns}overlay'; justify-content: center; align-items: center; + isolation: isolate; + opacity: 0; transition: @@ -19,11 +21,13 @@ $block: '.#{variables.$ns}overlay'; &_visible { visibility: visible; + opacity: 1; } &__background { position: absolute; + z-index: 0; inset: 0; opacity: 0.8; @@ -40,6 +44,6 @@ $block: '.#{variables.$ns}overlay'; } &__children { - z-index: 0; + z-index: 1; } } diff --git a/src/components/index.ts b/src/components/index.ts index f6c5da76da..1f00c0fa38 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -23,9 +23,9 @@ export * from './Label'; export * from './Link'; export * from './List'; export * from './Loader'; -export * from './Overlay'; export * from './Menu'; export * from './Modal'; +export * from './Overlay'; export * from './Pagination'; export * from './Palette'; export * from './UserLabel';