CocosPlugin/esengine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(editor): 优化布局管理和行为树文件处理

Browse Source
This commit is contained in:
YHH
2025-11-04 23:53:26 +08:00
parent f9afa22406
commit e03b106652
15 changed files with 958 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
packages/editor-app/src/styles/FlexLayoutDock.css
View File

@@ -111,14 +111,24 @@
.flexlayout__tab_button_trailing {
margin-left: 8px;
opacity: 0;
opacity: 0.6;
transition: opacity 0.15s ease;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
border-radius: 3px;
}
.flexlayout__tab_button:hover .flexlayout__tab_button_trailing,
.flexlayout__tab:hover .flexlayout__tab_button_trailing {
opacity: 1;
}
.flexlayout__tab_button_trailing:hover {
background: rgba(255, 255, 255, 0.1);
}
.flexlayout__tab_button_trailing svg {
width: 12px;
height: 12px;
@@ -133,6 +143,32 @@
background: #2d2d30;
}
/* 标签栏滚动条样式 */
.flexlayout__tab_moveable::-webkit-scrollbar {
width: 14px;
height: 14px;
}
.flexlayout__tab_moveable::-webkit-scrollbar-track {
background: transparent;
}
.flexlayout__tab_moveable::-webkit-scrollbar-thumb {
background: rgba(121, 121, 121, 0.4);
border-radius: 8px;
border: 3px solid transparent;
background-clip: padding-box;
}
.flexlayout__tab_moveable::-webkit-scrollbar-thumb:hover {
background: rgba(100, 100, 100, 0.7);
background-clip: padding-box;
}
.flexlayout__tab_moveable::-webkit-scrollbar-corner {
background: transparent;
}
.flexlayout__tabset-selected {
background: #1e1e1e;
}
@@ -187,10 +223,12 @@
}
.flexlayout__tab_toolbar {
display: flex;
display: flex !important;
align-items: center;
gap: 4px;
padding: 0 8px;
visibility: visible !important;
opacity: 1 !important;
}
.flexlayout__tab_toolbar_button {
@@ -198,9 +236,14 @@
border: none;
color: #cccccc;
cursor: pointer;
padding: 4px 8px;
padding: 4px;
border-radius: 3px;
transition: background-color 0.15s ease;
display: flex !important;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
.flexlayout__tab_toolbar_button:hover {
@@ -213,6 +256,13 @@
height: 14px;
}
/* 确保最小化和最大化按钮可见 */
.flexlayout__tab_toolbar_button-min,
.flexlayout__tab_toolbar_button-max {
display: flex !important;
visibility: visible !important;
}
.flexlayout__popup_menu {
background: #252526;
border: 1px solid #454545;