Raumstempel: Hoehe-Zeile kompakter — Modus als Dropdown statt Toggle-Pair

This commit is contained in:
2026-05-26 23:28:49 +02:00
parent eff0878f53
commit 46970fd4f0
+10 -11
View File
@@ -1096,15 +1096,14 @@ function RaumProperties({ raum, geschosse, onUpdate, onDelete, hatchPatterns, fo
Aenderung der Oberleiste auch auf den Stempel. */} Aenderung der Oberleiste auch auf den Stempel. */}
<div style={{ display: 'flex', alignItems: 'center', gap: 6 }}> <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
<span style={{ fontSize: 10, color: 'var(--text-secondary)', width: 60 }}>Höhe</span> <span style={{ fontSize: 10, color: 'var(--text-secondary)', width: 60 }}>Höhe</span>
<div style={{ flex: 1, display: 'flex', gap: 3, alignItems: 'center' }}> <div style={{ flex: 1, display: 'flex', gap: 4, alignItems: 'center' }}>
<BarToggle label="fix m" active={txtModus === 'fix'} <select value={txtModus}
icon="straighten" onChange={(e) => onUpdate({ txtModus: e.target.value })}
onClick={() => onUpdate({ txtModus: 'fix' })} title="Modus: fix = Modellhoehe in Meter; masstab = Paper-mm, skaliert mit aktivem Plan-Massstab"
title="Fixe Modellhoehe in Meter" /> style={{ flex: 1, fontSize: 11 }}>
<BarToggle label="masstab mm" active={txtModus === 'masstab'} <option value="fix">fix (m)</option>
icon="aspect_ratio" <option value="masstab">masstab (mm)</option>
onClick={() => onUpdate({ txtModus: 'masstab' })} </select>
title="Paper-mm @ aktivem Plan-Massstab — skaliert automatisch mit" />
<input type="text" value={txtH} <input type="text" value={txtH}
onChange={(e) => setTxtH(e.target.value)} onChange={(e) => setTxtH(e.target.value)}
onBlur={() => { onBlur={() => {
@@ -1114,10 +1113,10 @@ function RaumProperties({ raum, geschosse, onUpdate, onDelete, hatchPatterns, fo
}} }}
onKeyDown={(e) => { if (e.key === 'Enter') e.target.blur() }} onKeyDown={(e) => { if (e.key === 'Enter') e.target.blur() }}
title={txtModus === 'masstab' ? 'Texthoehe in Paper-mm' : 'Texthoehe in m'} title={txtModus === 'masstab' ? 'Texthoehe in Paper-mm' : 'Texthoehe in m'}
style={{ width: 50, fontSize: 11, style={{ width: 56, fontSize: 11, textAlign: 'right',
fontFamily: 'DM Mono, monospace' }} /> fontFamily: 'DM Mono, monospace' }} />
<span style={{ fontSize: 9, color: 'var(--text-muted)', <span style={{ fontSize: 9, color: 'var(--text-muted)',
minWidth: 18 }}> minWidth: 14 }}>
{txtModus === 'masstab' ? 'mm' : 'm'} {txtModus === 'masstab' ? 'mm' : 'm'}
</span> </span>
</div> </div>