github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2025-12-13 20:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
liujuping 2023-11-20 17:33:53 +08:00 committed by 林熠
parent bf50071cc8
commit d47df9dc44
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/docs/guide/expand/editor/theme.md
View File

@ -72,6 +72,7 @@ sidebar_position: 9
- `--workspace-sub-top-area-height`: 应用级二级 topArea 高度 - `--workspace-sub-top-area-height`: 应用级二级 topArea 高度
- `--workspace-sub-top-area-margin`: 应用级二级 topArea margin - `--workspace-sub-top-area-margin`: 应用级二级 topArea margin
- `--workspace-sub-top-area-padding`: 应用级二级 topArea padding - `--workspace-sub-top-area-padding`: 应用级二级 topArea padding
- `--workspace-left-area-width`: 应用级 leftArea width
### 生态使用主题色变量 ### 生态使用主题色变量

3
packages/editor-skeleton/src/layouts/workbench.less
View File

@ -13,6 +13,7 @@
--popup-border-radius: @popup-border-radius; --popup-border-radius: @popup-border-radius;
--left-area-width: 48px; --left-area-width: 48px;
--workspace-left-area-width: 48px;
--right-area-width: 300px; --right-area-width: 300px;
--top-area-height: 48px; --top-area-height: 48px;
--toolbar-height: 36px; --toolbar-height: 36px;
@ -273,7 +274,7 @@ body {
} }
.lc-left-area, .lc-workspace-left-area { .lc-left-area, .lc-workspace-left-area {
height: 100%; height: 100%;
width: var(--left-area-width); width: var(--workspace-left-area-width, --left-area-width);
display: none; display: none;
flex-shrink: 0; flex-shrink: 0;
flex-direction: column; flex-direction: column;