Enlarge breadcrumb working area, rename delete X to Delete
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user