Beide Ebenen-Panels: Section-Header raus, Action-Buttons in Sichtbarkeit-Row

Der Section-Header mit dem Panel-Namen ("Ebenen" / "Zeichnungsebenen")
war redundant — der Panel-Tab in Rhino hat den Namen schon. Stattdessen
direkt mit der Sichtbarkeit-Dropdown beginnen.

EbenenManager:
- `<Section>`-Wrapper entfernt, Section-Import raus.
- "+"-Button neben der Sichtbarkeit-Dropdown (flex: 1).

GeschossManager:
- Gleich. "+"- und Edit-Buttons (Bleistift) neben der Sichtbarkeit-
  Dropdown.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-19 00:02:26 +02:00
parent cbabc12064
commit c4c9e56b2c
2 changed files with 58 additions and 58 deletions
+14 -12
View File
@@ -1,5 +1,4 @@
import { useState, useRef, useMemo, useEffect } from 'react'
import Section from './Section'
import Icon from './Icon'
import ConfirmDeleteEbene from './ConfirmDeleteEbene'
import ContextMenu from './ContextMenu'
@@ -407,14 +406,8 @@ export default function EbenenManager({
disabled: ebenen.length <= 1 },
]
const actionBtns = (
<button className="btn-add" onClick={addNew} title="Ebene hinzufügen">
<Icon name="add" size={16} />
</button>
)
return (
<Section title="Ebenen" badge={ebenen.length} action={actionBtns}>
<>
{/* Ebenenkombinationen — Label + Dropdown + Save-As-Plus */}
<div style={{
display: 'flex', flexDirection: 'column', gap: 4,
@@ -474,9 +467,18 @@ export default function EbenenManager({
borderBottom: '1px solid var(--border-light)',
}}>
<span className="label-xs">Sichtbarkeit</span>
<select value={mode} onChange={ev => onModeChange(ev.target.value)} style={{ width: '100%' }}>
{MODES.map(m => <option key={m.value} value={m.value}>{m.label}</option>)}
</select>
<div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
<select
value={mode}
onChange={ev => onModeChange(ev.target.value)}
style={{ flex: 1, minWidth: 0 }}
>
{MODES.map(m => <option key={m.value} value={m.value}>{m.label}</option>)}
</select>
<button className="btn-icon-sm" onClick={addNew} title="Ebene hinzufügen">
<Icon name="add" size={14} />
</button>
</div>
</div>
<div style={{
@@ -582,6 +584,6 @@ export default function EbenenManager({
/>
)
})()}
</Section>
</>
)
}