sdk/vue3js-app
1
0
Fork 0
forked from flow/vue3js-app-proposal-for-sdk-claude
Code Pull Requests Activity

Fix hidden panes: remove duplicate se-pane wrapper from PaneCP and PaneSubObjects

Browse Source 
AppShell already wraps each component in div.se-pane; the inner se-pane
had display:none without .active, hiding all content.
Also drop stale movement/part/line/measure bar fields (bar IDs are opaque).
This commit is contained in:
c0dev0id 2026-06-23 17:35:29 +02:00
parent f318b155cc
commit 4afabea837
3 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/components/PaneCP.js
View File

@ -41,7 +41,7 @@ export const PaneCP = {
const model = store.scoreModel; const model = store.scoreModel;
const fp = store.focusPath; const fp = store.focusPath;
return h('div', { class: 'se-pane' }, [ return h('div', null, [
// Header // Header
h('div', { class: 'se-cp-header' }, [ h('div', { class: 'se-cp-header' }, [
h('span', { class: 'se-cp-title' }, h('span', { class: 'se-cp-title' },

5
static/components/PaneFO.js
View File

@ -112,10 +112,7 @@ export const PaneFO = {
children.push( children.push(
h('h4', { style: 'margin:0 0 0.5rem' }, `Bar: ${node.id}`), h('h4', { style: 'margin:0 0 0.5rem' }, `Bar: ${node.id}`),
h(ObjectExtended, { fields: [ h(ObjectExtended, { fields: [
{ key: 'movement', value: node.movement }, { key: 'id', value: node.id, editable: false },
{ key: 'part', value: node.part },
{ key: 'line', value: node.line },
{ key: 'measure', value: node.measure },
], onChange: null }), ], onChange: null }),
); );
} else { } else {

4
static/components/PaneSubObjects.js
View File

@ -46,9 +46,9 @@ export const PaneSubObjects = {
return () => { return () => {
const node = focused(); const node = focused();
const items = subItems(node); const items = subItems(node);
if (!items.length) return h('div', { class: 'se-pane' }, h('em', null, 'No sub-objects')); if (!items.length) return h('div', null, h('em', null, 'No sub-objects'));
return h('div', { class: 'se-pane' }, [ return h('div', null, [
h('ul', { class: 'se-object-list' }, items.map((item, idx) => h('ul', { class: 'se-object-list' }, items.map((item, idx) =>
h(ObjectShort, { h(ObjectShort, {
key: idx, key: idx,