From 2052eb5a65be38c44165efecdb15266de4638667 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Tue, 10 Aug 2021 22:34:41 +0800
Subject: [PATCH] fix(table): wrong bg-color in fullscreen mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复浅色主题下的table在全屏状态时背景颜色不正确的问题
---
 CHANGELOG.zh_CN.md                 | 1 +
 src/design/theme.less              | 4 ++++
 src/views/demo/table/FormTable.vue | 1 +
 3 files changed, 6 insertions(+)

diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
index 26671abdb77..1f763de97ad 100644
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -5,6 +5,7 @@
   - 修复`CellFormat`无法使用`Map`类型数据的问题
   - 修复可编辑单元格未能正确显示`0`值的问题
   - 修复 selection-change 事件在取消勾选时未能正确触发的问题
+  - 修复浅色主题下的全屏状态背景颜色不正确的问题
 - **Qrcode** 修复二维码组件在创建时未能及时绘制的问题
 
 ## 2.7.0(2021-08-03)
diff --git a/src/design/theme.less b/src/design/theme.less
index cde98c497d4..fb1e61e9372 100644
--- a/src/design/theme.less
+++ b/src/design/theme.less
@@ -21,6 +21,10 @@ html[data-theme='light'] {
     background-color: #fffbe6;
     border: 1px solid #ffe58f;
   }
+
+  :not(:root):fullscreen::backdrop {
+    background-color: @layout-body-background !important;
+  }
 }
 
 [data-theme='dark'] {
diff --git a/src/views/demo/table/FormTable.vue b/src/views/demo/table/FormTable.vue
index 05c34e0f6d1..23300aa7c92 100644
--- a/src/views/demo/table/FormTable.vue
+++ b/src/views/demo/table/FormTable.vue
@@ -41,6 +41,7 @@
         useSearchForm: true,
         formConfig: getFormConfig(),
         showTableSetting: true,
+        tableSetting: { fullScreen: true },
         showIndexColumn: false,
         rowKey: 'id',
       });