Enlarge breadcrumb working area, rename delete X to Delete

This commit is contained in:
2026-08-24 16:45:06 -07:00
parent f4dc01916e
commit 0854bbc3c5

View File

@@ -111,14 +111,14 @@
.medit{width:100%; border:none; background:var(--bg); padding:7px 9px; font-size:13.5px; font-family:inherit; resize:vertical;}
/* Breadcrumbs */
.bc{background:var(--layer); border:1px solid var(--border); margin-bottom:16px; padding:16px;}
.bc{background:var(--layer); border:1px solid var(--border); margin-bottom:16px; padding:26px 30px; min-height:70vh;}
.bc.example{border-left:4px solid var(--teal);}
.bc-top{display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-bottom:12px;}
.bc-out{display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; background:var(--bg); padding:12px; border:1px solid var(--border);}
.bc-top{display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-bottom:16px;}
.bc-out{display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; background:var(--bg); padding:16px; border:1px solid var(--border);}
.bc-field h3{font-size:10.5px; letter-spacing:.5px; text-transform:uppercase; color:var(--text-helper); margin-bottom:5px; display:flex; align-items:center; gap:6px;}
.stepnum{width:17px; height:17px; border-radius:50%; background:var(--text); color:#fff; font-size:10.5px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;}
.bc-field textarea{width:100%; border:none; background:var(--bg); padding:8px 10px; font-size:13.5px; font-family:inherit; resize:vertical; min-height:56px; color:var(--text);}
.bc-out .bc-field textarea{background:var(--layer);}
.bc-field textarea{width:100%; border:none; background:var(--bg); padding:10px 12px; font-size:14px; font-family:inherit; resize:vertical; min-height:130px; color:var(--text);}
.bc-out .bc-field textarea{background:var(--layer); min-height:90px;}
.bc-out-head{grid-column:1/-1; font-size:10.5px; letter-spacing:.5px; text-transform:uppercase; color:var(--text-helper); display:flex; align-items:center; gap:6px;}
.bc-related{margin:0 0 12px; font-size:13px;}
.bc-related summary{cursor:pointer; color:var(--interactive);}
@@ -617,7 +617,7 @@ function footHTML(b){
<div class="gate">${gate}</div>
${adoptionFlag ? '<span class="gate-hint">Metric reads as adoption. Name the outcome the tool should move, or tag this card Adoption.</span>' : ''}
<button class="btn small ai" data-aibc="${b.id}">✨ AI draft fields</button>
<button class="row-del" data-bdel="${b.id}" title="Remove" style="margin-left:auto;">✕</button>`;
<button class="row-del" data-bdel="${b.id}" title="Delete this breadcrumb" style="margin-left:auto; padding:4px 8px; font-size:13px;">Delete</button>`;
}
function bcSummaryHTML(){
const nOut = S.breadcrumbs.filter(b=>b.type==='Outcome').length;