diff --git a/dashboard.html b/dashboard.html index 416a1b0..3209cd3 100644 --- a/dashboard.html +++ b/dashboard.html @@ -104,6 +104,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)} @@ -297,7 +314,7 @@ .stats div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 14px} .stats b{display:block;font-size:20px;color:var(--accent)}.stats span{font-size:12px;color:var(--muted)} code{color:var(--accent)} -
See. Compare. Improve.