fix(table): wrong bg-color in fullscreen mode

修复浅色主题下的table在全屏状态时背景颜色不正确的问题
vbenjs · Aug 10, 2021 · 2052eb5 · 2052eb5
1 parent 019555b
commit 2052eb5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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
@@ -41,6 +41,7 @@
         useSearchForm: true,
         formConfig: getFormConfig(),
         showTableSetting: true,
+        tableSetting: { fullScreen: true },
         showIndexColumn: false,
         rowKey: 'id',
       });