style: add --workspace-left-area-width

alibaba · Nov 20, 2023 · 6a8fdc8 · 6a8fdc8
1 parent 3c4bd1d
commit 6a8fdc8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/docs/docs/guide/expand/editor/theme.md b/docs/docs/guide/expand/editor/theme.md
@@ -72,6 +72,7 @@ sidebar_position: 9
 - `--workspace-sub-top-area-height`: 应用级二级 topArea 高度
 - `--workspace-sub-top-area-margin`: 应用级二级 topArea margin
 - `--workspace-sub-top-area-padding`: 应用级二级 topArea padding
+- `--workspace-left-area-width`: 应用级 leftArea width
 
 ### 生态使用主题色变量
 

diff --git a/packages/editor-skeleton/src/layouts/workbench.less b/packages/editor-skeleton/src/layouts/workbench.less
@@ -13,6 +13,7 @@
   --popup-border-radius: @popup-border-radius;
 
   --left-area-width: 48px;
+  --workspace-left-area-width: 48px;
   --right-area-width: 300px;
   --top-area-height: 48px;
   --toolbar-height: 36px;
@@ -273,7 +274,7 @@ body {
     }
     .lc-left-area, .lc-workspace-left-area {
       height: 100%;
-      width: var(--left-area-width);
+      width: var(--workspace-left-area-width, --left-area-width);
       display: none;
       flex-shrink: 0;
       flex-direction: column;