diff --git a/dashboard.html b/dashboard.html index d8ae410..b570c81 100644 --- a/dashboard.html +++ b/dashboard.html @@ -103,6 +103,23 @@ .board-nav-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px} .board-nav-count{font-size:1.8rem;font-weight:700;line-height:1.15;color:var(--accent)} .board-nav-label{font-weight:650}.board-nav-context{font-size:.8rem;color:var(--muted)} + +/* Shared major-section disclosures; owner-provided summaries stay visible. */ +details.board-section{margin:1rem 0;border:1px solid var(--line);border-radius:10px;padding:0} +.board-section>summary{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:1rem;cursor:pointer;list-style:none;min-height:48px} +.board-section>summary::-webkit-details-marker{display:none} +.board-section>summary::before{content:"▸";color:var(--accent);flex:none} +.board-section[open]>summary::before{content:"▾"} +.board-section>summary>h2{display:inline;margin:0;padding:0;border:0;flex:1;min-width:0;font-size:1.15rem} +.board-section>summary>h2::after{display:none} +.board-section>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px} +.board-section-body{padding:0 1rem 1rem;min-width:0} +.section-badge{font-size:.8rem;border:1px solid currentColor;border-radius:999px;padding:.15rem .55rem;white-space:normal} +.section-status-red{color:#b42318}.section-status-yellow{color:#8a5700}.section-status-green{color:#18733c} +.section-status-stale,.section-status-unknown{color:var(--muted)} +@media(prefers-color-scheme:dark){.section-status-red{color:#ff9188}.section-status-yellow{color:#eac15c}.section-status-green{color:#7bd49c}} +@media print{.board-section-body{display:block!important}.board-section>summary{break-after:avoid}} + /* --- sections ---------------------------------------------------------- */ h2{font-size:1.1rem;margin:2.1rem 0 .3rem;padding:0 0 .35rem;font-weight:650; position:relative;color:var(--accent);border-bottom:2px solid var(--edge)} @@ -296,7 +313,7 @@ #copy-checkin{background:var(--accent);color:var(--bg);border:0;border-radius:6px;padding:10px 16px;cursor:pointer;font-weight:600} #copy-status{margin-left:12px} code{color:var(--accent);word-break:break-all} -pre{white-space:pre-wrap;overflow-wrap:anywhere}details{margin:1rem 0}dd{margin-left:1rem}
Infer. Inspect. Understand.