wangdequan/Web_FreeCAD_Bitbybit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

P4-02 P6-02: add metadata-driven property editor

Browse Source
This commit is contained in:
wangdequan
2026-08-02 07:53:35 -04:00
parent 8d8d1b7c26
commit 23b7f58df5
10 changed files with 250 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/styles.css
View File

@@ -349,6 +349,19 @@ button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px s
.combo-property { min-height: 210px; flex: 0 1 42%; overflow: hidden; border-top: 1px solid var(--line); }
.combo-property .property-heading { min-height: 55px; padding-top: 11px; }
.combo-property .properties-scroll { max-height: calc(100% - 89px); }
.properties-empty { padding: 20px 13px; color: var(--text-muted); font-size: 10px; }
.property-editor { min-width: 0; display: flex; justify-content: flex-end; align-items: center; }
.property-readonly { max-width: 100%; overflow: hidden; color: var(--text-soft); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.property-control { width: 100%; min-width: 0; height: 24px; padding: 0 5px; border: 1px solid transparent; border-radius: 2px; background: transparent; color: var(--text-soft); font-size: 10px; text-align: right; }
.property-control:hover, .property-control:focus { border-color: var(--line); background: var(--bg-raised); outline: none; }
.property-control option { background: var(--bg-raised); color: var(--text); }
.property-checkbox { width: 14px; height: 14px; accent-color: var(--cyan); }
.property-number { width: 100%; display: flex; align-items: center; gap: 4px; color: var(--text-muted); font-size: 9px; }
.property-number .property-control { min-width: 0; }
.property-link-control { color: var(--cyan); }
.property-color { display: flex; align-items: center; gap: 5px; color: var(--text-muted); font-size: 9px; }
.property-color input { width: 22px; height: 18px; padding: 0; border: 1px solid var(--line); border-radius: 2px; background: transparent; }
.property-expression { min-height: 20px; display: flex; align-items: center; justify-content: flex-end; gap: 5px; color: var(--cyan); font-size: 9px; }
@media (max-width: 1050px) {
.workspace-content { grid-template-columns: 260px minmax(0, 1fr) 300px 40px; }
@@ -358,9 +371,9 @@ button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px s
.workspace-content { grid-template-columns: 1fr; }
.function-rail { display: none; }
.task-dock { order: 3; min-height: 320px; max-height: 380px; border-left: 0; border-bottom: 1px solid var(--line); }
.left-panel { order: 2; min-height: 360px; max-height: 440px; }
.left-panel { order: 2; min-height: 560px; max-height: 620px; }
.combo-model { height: 100%; }
.combo-property { min-height: 205px; }
.combo-property { min-height: 280px; }
.viewport-region { order: 1; }
.workbench-nav { overflow-x: auto; }
.workbench-nav .nav-more, .nav-caption { display: none; }