scripte/MABEA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): Fach-Sidebar bricht Layout - explizite Flex-Breite statt minWidth
CI / backend-tests (push) Failing after 1m19s
Details
CI / frontend-build (push) Successful in 19s
Details

Browse Source 
Sidebar wuchs auf fast volle Containerbreite statt schmal zu bleiben (Screen-
shot-Fund). flex:"0 0 12rem" + explizite width statt nur minWidth, position:
sticky entfernt (unklarer Faktor, nicht essentiell).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
This commit is contained in:
patrick
2026-09-04 22:56:06 +02:00
co-authored by Claude Sonnet 5
parent d8e3f3aa21
commit 423aece15f
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/admin/ObjektPositionenPanel.tsx
+3 -3
View File
@@ -187,10 +187,10 @@ export function ObjektPositionenPanel({ objektId, vorlageId, materialien, onFehl
{positionen.length === 0 && <p className="text-muted">Keine Positionen in diesem Objekt.</p>} {positionen.length === 0 && <p className="text-muted">Keine Positionen in diesem Objekt.</p>}
{positionen.length > 0 && ( {positionen.length > 0 && (
<div className="row" style={{ alignItems: "flex-start", gap: "1.25rem" }}> <div style={{ display: "flex", flexDirection: "row", alignItems: "flex-start", gap: "1.25rem" }}>
<nav <nav
className="card" className="card"
style={{ minWidth: "11rem", flexShrink: 0, padding: "0.5rem", position: "sticky", top: "0.5rem" }} style={{ flex: "0 0 12rem", width: "12rem", boxSizing: "border-box", padding: "0.5rem" }}
> >
<button <button
className={aktivesFach === null ? "btn btn-primary btn-block" : "btn btn-secondary btn-block"} className={aktivesFach === null ? "btn btn-primary btn-block" : "btn btn-secondary btn-block"}
@@ -211,7 +211,7 @@ export function ObjektPositionenPanel({ objektId, vorlageId, materialien, onFehl
))} ))}
</nav> </nav>
<div style={{ flex: 1, minWidth: 0 }}> <div style={{ flex: "1 1 0%", minWidth: 0 }}>
<ul className="card-list"> <ul className="card-list">
{sichtbarePositionen.map((p) => { {sichtbarePositionen.map((p) => {
const typ = materialtyp(p.material_id); const typ = materialtyp(p.material_id);