Design: Brotkrume ohne Link beim letzten Eintrag, Eingabefelder in Altcontainern wieder volle Breite

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-06 06:02:54 +00:00
1 parent 822387e4f7
commit 769ec70847
2 files changed
+5 -2

No files matched your search

+2 -2
View File
@@ -1,7 +1,7 @@
import { Fragment } from 'react'
import { Link } from 'react-router-dom'
// crumb: [{ label, to? }] steht vor dem Kopf; Eintraege mit "to" sind Links, die anderen Text
// crumb: [{ label, to? }] steht vor dem Kopf; Eintraege mit "to" sind Links, das letzte Element ist immer Text
export default function PageHeader({ title, subtitle, actions, eyebrow, crumb, children }) {
return (
<>
@@ -10,7 +10,7 @@ export default function PageHeader({ title, subtitle, actions, eyebrow, crumb, c
{crumb.map((c, i) => (
<Fragment key={i}>
{i > 0 && <span className="faint">/</span>}
{c.to ? <Link to={c.to}>{c.label}</Link> : <span>{c.label}</span>}
{c.to && i < crumb.length - 1 ? <Link to={c.to}>{c.label}</Link> : <span>{c.label}</span>}
</Fragment>
))}
</nav>
+3
View File
@@ -612,6 +612,7 @@ a.list-row:hover .cell-title { color: var(--accent-ink); }
/* Autovervollstaendigung (Requested by / Requested for) */
.autocomplete { position: relative; }
.autocomplete > .input { display: block; width: 100%; }
.autocomplete-list {
position: absolute;
top: calc(100% + 4px);
@@ -1051,6 +1052,8 @@ select.form-control {
background-image: linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);
background-position: calc(100% - 14px) 14px, calc(100% - 10px) 14px; background-size: 4px 4px; background-repeat: no-repeat;
}
/* Bausteine .input / .select / .textarea direkt im Altcontainer .form-group fuellen die Breite wie frueher .form-control (in .field tut das schon die Spalte) */
.form-group > .input, .form-group > .select, .form-group > .textarea { display: block; width: 100%; }
/* Abzeichen: .badge-*, .status-*, .priority-* auf die Badge-Toene (die Form kommt von .badge bzw. dem Inline-Stil) */
.badge-muted, .status-open { background: var(--grey-bg); color: var(--grey-fg); }