diff --git a/src/components/ui/PageHeader.jsx b/src/components/ui/PageHeader.jsx index 43f531f..8fb915c 100644 --- a/src/components/ui/PageHeader.jsx +++ b/src/components/ui/PageHeader.jsx @@ -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) => ( {i > 0 && /} - {c.to ? {c.label} : {c.label}} + {c.to && i < crumb.length - 1 ? {c.label} : {c.label}} ))} diff --git a/src/styles/global.css b/src/styles/global.css index cb53fbb..2815fb8 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -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); }