From 4ac6be229a9ffb9f7c0674c588b66553865c3d61 Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Sun, 17 Oct 2021 18:56:21 +0800
Subject: [PATCH] fix(dialog): close button will be overlayed with content,
 closes #1381

---
 CHANGELOG.en-US.md                  | 1 +
 CHANGELOG.zh-CN.md                  | 1 +
 src/dialog/src/styles/index.cssr.ts | 1 +
 3 files changed, 3 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 10da7c855..52f0faf07 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -5,6 +5,7 @@
 ### Fixes
 
 - Fix `n-collapse`'s expanded status is lost when using `v-if` with `n-collapse-item`, closes [#1387](https://github.com/TuSimple/naive-ui/issues/1387).
+- Fix `n-dialog`'s close button will be overlayed with content, closes [#1381](https://github.com/TuSimple/naive-ui/issues/1381).
 
 ### Feats
 
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 481396b6c..1ece1c5c5 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -5,6 +5,7 @@
 ### Fixes
 
 - 修复 `n-collapse` 在 `n-collapse-item` 使用 `v-if` 是展开状态丢失，关闭 [#1387](https://github.com/TuSimple/naive-ui/issues/1387)
+- 修复 `n-dialog` 的关闭按钮会被内容遮盖，关闭 [#1381](https://github.com/TuSimple/naive-ui/issues/1381)
 
 ### Feats
 
diff --git a/src/dialog/src/styles/index.cssr.ts b/src/dialog/src/styles/index.cssr.ts
index 637b88f1b..7b2ecdd1e 100644
--- a/src/dialog/src/styles/index.cssr.ts
+++ b/src/dialog/src/styles/index.cssr.ts
@@ -71,6 +71,7 @@ export default c([
       top: 0;
       margin: var(--close-margin);
       transition: .3s color var(--bezier);
+      z-index: 1;
     `),
     cE('content', `
       font-size: var(--font-size);