From 91a4475c66c9dad16a1a48117e6b2a8433c46fc6 Mon Sep 17 00:00:00 2001 From: Angelina Gadzhieva Date: Wed, 21 Aug 2024 20:44:07 +0300 Subject: [PATCH] feat(Drawer): add veil z-index to CSS API --- src/components/Drawer/Drawer.scss | 1 + src/components/Drawer/README.md | 1 + 2 files changed, 2 insertions(+) diff --git a/src/components/Drawer/Drawer.scss b/src/components/Drawer/Drawer.scss index 5680bd4..98f274a 100644 --- a/src/components/Drawer/Drawer.scss +++ b/src/components/Drawer/Drawer.scss @@ -85,6 +85,7 @@ $block: '.#{variables.$ns}drawer'; pointer-events: initial; inset: 0; background-color: var(--gn-drawer-veil-background-color, var(--_--veil-background-color)); + z-index: var(--gn-drawer-veil-z-index); &_hidden { display: none; diff --git a/src/components/Drawer/README.md b/src/components/Drawer/README.md index 2bcfae8..58c2f01 100644 --- a/src/components/Drawer/README.md +++ b/src/components/Drawer/README.md @@ -105,3 +105,4 @@ The Drawer module consists of two primary components: `Drawer` and `DrawerItem`. | `--gn-drawer-item-resizer-handle-color` | The color of the resizer handle | `--g-color-line-generic` | | `--gn-drawer-item-resizer-handle-color-hover` | The color of the resizer handle when the resizer is hovered | `--g-color-line-generic-hover` | | `--gn-drawer-item-resizer-z-index` | z-index of the resizer element | 100 | +| `--gn-drawer-veil-z-index` | z-index of the veil | `"auto"` |