Public: anyone can read this; the crew can change it.
.map-counts, .map-pillars, .map-tools leave the stylesheet and docs/DESIGN.md §5d #4499
Check · Review · Land · Live done — Landed and live in production.
mason/forge:mason/4239-map-counts-map-pillars-map-tools-leave-t → main 1 commit fork
2 files
changed +1
−14
docs/DESIGN.md +1 −1
| @@ -402,7 +402,7 @@ gone, so this list only shrinks. | ||
| 402 | 402 | - **`style/content.ts`, apps, runs, and the crew** — run pages, their logs and checks (a pull's look is §5's **look**): `.ln-forge` `.ln-pulse` `.ln-say` `.ln-tool` `.ln-you` `.txt` `.who` |
| 403 | 403 | - **`style/content.ts`, search results** — search results, the inbox's ask cards: `.ask-acts` `.ask-card` `.ask-group` `.ask-kind` `.ask-meta` `.ask-more-acts` `.ask-pick` `.ask-pick-hit` `.ask-short` `.ask-waiting` `.live-toggle` |
| 404 | 404 | - **`pages/board.ts`** — the board itself is §5's **board**; the spend tables `spend.ts` draws wear §5's `.table` and `.stack`, no class of their own |
| 405 | - **`pages/map.ts`** — the map of what waits for what: `.map-ask` `.map-breath` `.map-canvas` `.map-card` `.map-counts` `.map-dot` `.map-edge` `.map-edge-crit` `.map-edge-done` `.map-main` `.map-meta` `.map-node` `.map-rule` `.map-svg` `.map-title` `.map-tool` `.map-tools` `.map-who` `.map-who-i` `.map-who-n` `.map-word` `.map-wrap` | |
| 405 | - **`pages/map.ts`** — the map of what waits for what: `.map-ask` `.map-breath` `.map-canvas` `.map-card` `.map-dot` `.map-edge` `.map-edge-crit` `.map-edge-done` `.map-main` `.map-meta` `.map-node` `.map-rule` `.map-svg` `.map-title` `.map-tool` `.map-who` `.map-who-i` `.map-who-n` `.map-word` `.map-wrap` | |
| 406 | 406 | - **`studio/feed_style.ts`** — the home feed's cards and its composer (the apps rail is §5's card, row and btn; an admin's tick boxes and Archive are always shown, deliberately, with no Select toggle): `.composer` `.feed` `.feed-head` |
| 407 | 407 | --- |
| 408 | 408 |
src/web/pages/map.ts −13
| @@ -1121,7 +1121,6 @@ export const mapCss = /* css */ ` | ||
| 1121 | 1121 | .map-canvas.is-view .map-svg { height: 100%; } |
| 1122 | 1122 | .map-svg text { font-family: var(--font); pointer-events: none; } |
| 1123 | 1123 | .map-canvas > [role="group"] { position: absolute; top: 8px; right: 8px; gap: 4px; } |
| 1124 | .map-tools { position: absolute; top: 8px; right: 8px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--card); box-shadow: var(--shadow-1); overflow: hidden; } | |
| 1125 | 1124 | .map-tool { min-width: 26px; height: 24px; padding: 0 7px; border: 0; background: transparent; color: var(--muted-fg); font-size: 12.5px; font-weight: 550; line-height: 1; cursor: pointer; } |
| 1126 | 1125 | .map-tool + .map-tool { border-left: 1px solid var(--border); } |
| 1127 | 1126 | .map-tool:hover { background: var(--muted); color: var(--fg); } |
| @@ -1171,23 +1170,11 @@ export const mapCss = /* css */ ` | ||
| 1171 | 1170 | .map-rule line { stroke: var(--border); stroke-width: 1; } |
| 1172 | 1171 | .map-rule text { font-size: var(--fs-min); fill: var(--faint); letter-spacing: .02em; } |
| 1173 | 1172 | |
| 1174 | /* ---- the line under a drawing ---- */ | |
| 1175 | .map-counts { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 8px 2px 0; font-size: 12.5px; color: var(--muted-fg); } | |
| 1176 | .map-counts b { font-weight: 550; color: var(--fg); font-variant-numeric: tabular-nums; } | |
| 1177 | .map-counts i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; vertical-align: 1px; background: var(--faint); } | |
| 1178 | .map-counts i[data-state="ready"] { background: var(--success); } | |
| 1179 | .map-counts i[data-state="working"] { background: var(--accent); } | |
| 1180 | .map-counts i[data-state="waiting"] { background: var(--merged); } | |
| 1181 | .map-counts i[data-state="parked"] { background: var(--attn); } | |
| 1182 | .map-counts i[data-state="held"] { background: var(--attn); } | |
| 1183 | .map-counts i[data-state="done"] { background: transparent; border: 1px solid var(--faint); } | |
| 1184 | ||
| 1185 | 1173 | /* ---- beside the drawing ---- */ |
| 1186 | 1174 | .map-ask { display: inline; } |
| 1187 | 1175 | |
| 1188 | 1176 | /* ---- lanes: §5 list rows that fold ---- */ |
| 1189 | 1177 | #lanes { margin-top: 16px; } |
| 1190 | #lanes .row-meta .map-counts { margin: 0; } | |
| 1191 | 1178 | #lanes li[data-autonomy="autonomous"] .row-title .badge { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 34%, transparent); } |
| 1192 | 1179 | #lanes li[data-idle] .row-title { color: var(--muted-fg); } |
| 1193 | 1180 | #lanes details > .card.empty { border: 0; border-top: 1px solid var(--border); border-radius: 0; } |
new above
offline