max / goingson
- Co-Authored-By
- Claude Opus 5 (1M context) <noreply@anthropic.com>
1 file changed,
+10 insertions,
-226 deletions
| @@ -38,7 +38,7 @@ | |||
| 38 | 38 | Per-section titles use numbered CSS-comment headers ("3. Design System | |
| 39 | 39 | Variables"); numbered for stability, | |
| 40 | 40 | not because order matters. Bands group related sections; cascade order is | |
| 41 | - | load-bearing only inside the RESPONSIVE LAYERS and PRINT LAYERS bands. | |
| 41 | + | load-bearing only inside the RESPONSIVE LAYERS band. | |
| 42 | 42 | ||
| 43 | 43 | BAND: FOUNDATIONS | |
| 44 | 44 | 1. Font Face | |
| @@ -102,17 +102,12 @@ | |||
| 102 | 102 | 40. Unscheduled Tasks 46. Saved Views Sidebar | |
| 103 | 103 | 47. Contacts | |
| 104 | 104 | ||
| 105 | - | BAND: PRINT LAYER 1 (see PRINT STRATEGY) | |
| 106 | - | 48. Print Styles (global) | |
| 107 | - | ||
| 108 | 105 | BAND: WEEKLY REVIEW (V1 + V2 coexist) | |
| 106 | + | (48 deleted 2026-08-06: print styles, no users. 52 vacated 2026-05-24) | |
| 109 | 107 | 49. Weekly Review (V1, still live) | |
| 110 | 108 | 50. Weekly Review V2 - Grid Layout | |
| 111 | 109 | 51. Weekly Review Transitions & Keyboard Navigation | |
| 112 | 110 | ||
| 113 | - | BAND: PRINT LAYER 2 | |
| 114 | - | 52. Weekly Review Print Styles | |
| 115 | - | ||
| 116 | 111 | BAND: FEATURE SCREENS (B) | |
| 117 | 112 | 52b. Monthly Review 55. Toggle Switch | |
| 118 | 113 | 53. Import Wizard 56. Project Milestones | |
| @@ -242,10 +237,6 @@ | |||
| 242 | 237 | because js/task-board.js needs the same answer. If you add another, name | |
| 243 | 238 | it for the feature and say next to it why neither axis fits. | |
| 244 | 239 | ||
| 245 | - | PRINT STRATEGY | |
| 246 | - | §48 Global print rules | early. | |
| 247 | - | §52 Weekly Review print | placed after §49/§50 so V2 grid resets win. | |
| 248 | - | ||
| 249 | 240 | WEEKLY REVIEW V1 + V2 COEXISTENCE | |
| 250 | 241 | ||
| 251 | 242 | §49 (V1: .weekly-review-content, .weekly-review-header, ...) and | |
| @@ -271,19 +262,18 @@ | |||
| 271 | 262 | ||
| 272 | 263 | base the reset, the token block, typography (1-3) | |
| 273 | 264 | components everything a component owns at rest, plus the | |
| 274 | - | utilities and the print block (4-23, 26-58, 61-70) | |
| 265 | + | utilities (4-23, 26-58, 61-70) | |
| 275 | 266 | responsive every width and capability block (24-25, 59-60) | |
| 276 | 267 | ||
| 277 | 268 | `makeover` is declared ahead of these in index.html: the generated | |
| 278 | 269 | stylesheets are the design system and this file overrides them. | |
| 279 | 270 | ||
| 280 | - | WHERE PRINT SITS, and why it is not its own layer. Section 48 holds the only | |
| 281 | - | @media print block. It stays in `components`, at its current position, which | |
| 282 | - | preserves today's print behaviour exactly. Giving print a layer above | |
| 283 | - | `responsive` is arguably right and would change what prints in 8 places, | |
| 284 | - | because print rules currently lose to the component rules in sections 49-70 | |
| 285 | - | that follow them. Nobody has looked at that output, so it is filed rather | |
| 286 | - | than changed here. | |
| 271 | + | THERE IS NO PRINT LAYER, and there should not be one. §48 held the only | |
| 272 | + | @media print block until 2026-08-06, when it was deleted: nothing in the app | |
| 273 | + | triggers a print, and the block had been quietly losing to the component | |
| 274 | + | rules in §§49-70 for an unknown stretch without anyone noticing. If a print | |
| 275 | + | surface is ever wanted, it starts from what that surface needs, not from | |
| 276 | + | reviving this. | |
| 287 | 277 | ||
| 288 | 278 | UTILITIES are in `components` deliberately. They do not currently beat later | |
| 289 | 279 | component rules either -- `.mb-section` at the top of the file loses to any | |
| @@ -5556,212 +5546,6 @@ | |||
| 5556 | 5546 | } | |
| 5557 | 5547 | } | |
| 5558 | 5548 | ||
| 5559 | - | ||
| 5560 | - | /* 48. Print Styles (global + weekly review) | |
| 5561 | - | All `@media print` rules live here. Weekly-review-specific print | |
| 5562 | - | styles consolidated from former §52 on 2026-05-24. */ | |
| 5563 | - | @media print { | |
| 5564 | - | /* Global chrome */ | |
| 5565 | - | ||
| 5566 | - | /* Hide navigation and interactive elements */ | |
| 5567 | - | .sidebar, | |
| 5568 | - | .header, | |
| 5569 | - | .tabs, | |
| 5570 | - | .filter-bar, | |
| 5571 | - | .pagination, | |
| 5572 | - | .button, | |
| 5573 | - | .modal-overlay, | |
| 5574 | - | .toast, | |
| 5575 | - | .context-menu, | |
| 5576 | - | .review-actions-grid, | |
| 5577 | - | .focus-section .button, | |
| 5578 | - | .focus-slot .button, | |
| 5579 | - | .focus-suggestion, | |
| 5580 | - | .tab-badge, | |
| 5581 | - | .tab-status-dot, | |
| 5582 | - | .card-badge, | |
| 5583 | - | .virtual-scroller-spacer { | |
| 5584 | - | display: none !important; | |
| 5585 | - | } | |
| 5586 | - | ||
| 5587 | - | /* Reset body + main content to full width */ | |
| 5588 | - | body { | |
| 5589 | - | background: white; | |
| 5590 | - | color: black; | |
| 5591 | - | } | |
| 5592 | - | ||
| 5593 | - | .main-content, | |
| 5594 | - | .weekly-review-content { | |
| 5595 | - | margin: 0; | |
| 5596 | - | padding: 0; | |
| 5597 | - | max-width: 100%; | |
| 5598 | - | width: 100%; | |
| 5599 | - | } | |
| 5600 | - | ||
| 5601 | - | .view { | |
| 5602 | - | padding: 0; | |
| 5603 | - | } | |
| 5604 | - | ||
| 5605 | - | /* Ensure text is readable */ | |
| 5606 | - | a { | |
| 5607 | - | color: black; | |
| 5608 | - | text-decoration: underline; | |
| 5609 | - | } | |
| 5610 | - | ||
| 5611 | - | /* ----- Tables ----- */ | |
| 5612 | - | ||
| 5613 | - | .data-table, | |
| 5614 | - | .task-table { | |
| 5615 | - | border: 1px solid #333; | |
| 5616 | - | box-shadow: none; | |
| 5617 | - | } | |
| 5618 | - | ||
| 5619 | - | .data-table { | |
| 5620 | - | page-break-inside: avoid; | |
| 5621 | - | } | |
| 5622 | - | ||
| 5623 | - | .data-table th, | |
| 5624 | - | .data-table td { | |
| 5625 | - | border: 1px solid #ccc; | |
| 5626 | - | padding: var(--gap-peer); | |
| 5627 | - | display: table-cell !important; | |
| 5628 | - | } | |
| 5629 | - | ||
| 5630 | - | .data-table tbody tr:hover, | |
| 5631 | - | .task-row:hover { | |
| 5632 | - | background: none; | |
| 5633 | - | } | |
| 5634 | - | ||
| 5635 | - | .task-list-container { | |
| 5636 | - | height: auto !important; | |
| 5637 | - | overflow: visible !important; | |
| 5638 | - | } | |
| 5639 | - | ||
| 5640 | - | /* Print tracks come from css/tables.css too, out of the same column | |
| 5641 | - | description as the screen ones. */ | |
| 5642 | - | ||
| 5643 | - | .task-header-row .task-cell, | |
| 5644 | - | .task-row .task-cell { | |
| 5645 | - | display: block !important; | |
| 5646 | - | border: 1px solid #ccc; | |
| 5647 | - | padding: var(--gap-bound) var(--gap-peer); | |
| 5648 | - | } | |
| 5649 | - | ||
| 5650 | - | /* ----- Weekly review ----- */ | |
| 5651 | - | ||
| 5652 | - | /* Reset backgrounds for print */ | |
| 5653 | - | body, | |
| 5654 | - | .weekly-review-content, | |
| 5655 | - | .review-card, | |
| 5656 | - | .focus-slot, | |
| 5657 | - | .reflection-prompt, | |
| 5658 | - | .project-health, | |
| 5659 | - | .event-item { | |
| 5660 | - | background: white !important; | |
| 5661 | - | color: black !important; | |
| 5662 | - | -webkit-print-color-adjust: exact; | |
| 5663 | - | print-color-adjust: exact; | |
| 5664 | - | } | |
| 5665 | - | ||
| 5666 | - | /* Print-friendly card chrome */ | |
| 5667 | - | .review-card { | |
| 5668 | - | border: 1px solid #ccc !important; | |
| 5669 | - | box-shadow: none !important; | |
| 5670 | - | page-break-inside: avoid; | |
| 5671 | - | margin-bottom: var(--gap-peer); | |
| 5672 | - | } | |
| 5673 | - | ||
| 5674 | - | .focus-slot { | |
| 5675 | - | border: 1px solid #999 !important; | |
| 5676 | - | } | |
| 5677 | - | ||
| 5678 | - | .focus-slot.primary { | |
| 5679 | - | border: 2px solid #f7d154 !important; | |
| 5680 | - | background: #fffbea !important; | |
| 5681 | - | } | |
| 5682 | - | ||
| 5683 | - | /* Two-column print layout */ | |
| 5684 | - | .review-grid { | |
| 5685 | - | display: block !important; | |
| 5686 | - | } | |
| 5687 | - | ||
| 5688 | - | .review-card { | |
| 5689 | - | display: inline-block; | |
| 5690 | - | vertical-align: top; | |
| 5691 | - | width: 48%; | |
| 5692 | - | margin-right: 2%; | |
| 5693 | - | } | |
| 5694 | - | ||
| 5695 | - | .focus-section.full-width, | |
| 5696 | - | .week-timeline, | |
| 5697 | - | .week-timeline-events { | |
| 5698 | - | width: 100% !important; | |
| 5699 | - | display: block !important; | |
| 5700 | - | } | |
| 5701 | - | ||
| 5702 | - | /* Print header */ | |
| 5703 | - | .weekly-review-header { | |
| 5704 | - | border-bottom: 2px solid #333; | |
| 5705 | - | padding-bottom: var(--gap-section); | |
| 5706 | - | margin-bottom: var(--gap-pane); | |
| 5707 | - | } | |
| 5708 | - | ||
| 5709 | - | .week-dates { | |
| 5710 | - | font-size: var(--font-size-3xl); | |
| 5711 | - | font-weight: bold; | |
| 5712 | - | } | |
| 5713 | - | ||
| 5714 | - | /* Timeline dots print in color */ | |
| 5715 | - | .day-dot { | |
| 5716 | - | -webkit-print-color-adjust: exact; | |
| 5717 | - | print-color-adjust: exact; | |
| 5718 | - | } | |
| 5719 | - | ||
| 5720 | - | .day-dot.completed { | |
| 5721 | - | background: #5cb85c !important; | |
| 5722 | - | } | |
| 5723 | - | ||
| 5724 | - | .day-dot.event { | |
| 5725 | - | background: #9b59b6 !important; | |
| 5726 | - | } | |
| 5727 | - | ||
| 5728 | - | .day-dot.overdue { | |
| 5729 | - | background: #d9534f !important; | |
| 5730 | - | } | |
| 5731 | - | ||
| 5732 | - | /* Project health colors */ | |
| 5733 | - | .project-health { | |
| 5734 | - | border-left: 4px solid #337ab7 !important; | |
| 5735 | - | } | |
| 5736 | - | ||
| 5737 | - | .project-health.warning { | |
| 5738 | - | border-left-color: #f7d154 !important; | |
| 5739 | - | } | |
| 5740 | - | ||
| 5741 | - | .project-health.danger { | |
| 5742 | - | border-left-color: #d9534f !important; | |
| 5743 | - | } | |
| 5744 | - | ||
| 5745 | - | /* Focus grid for print */ | |
| 5746 | - | .focus-grid { | |
| 5747 | - | display: flex !important; | |
| 5748 | - | gap: var(--gap-group); | |
| 5749 | - | } | |
| 5750 | - | ||
| 5751 | - | .focus-slot { | |
| 5752 | - | flex: 1; | |
| 5753 | - | } | |
| 5754 | - | ||
| 5755 | - | .reflection-prompt { | |
| 5756 | - | flex: 1; | |
| 5757 | - | } | |
| 5758 | - | ||
| 5759 | - | /* Page break hints */ | |
| 5760 | - | .focus-section { | |
| 5761 | - | page-break-before: auto; | |
| 5762 | - | } | |
| 5763 | - | } | |
| 5764 | - | ||
| 5765 | 5549 | /* 49. Weekly Review: chrome around the V2 grid + tab indicators | |
| 5766 | 5550 | The V1 grid layout (stat cards, review sections, focus toggle, notes | |
| 5767 | 5551 | textarea, etc.) was removed 2026-05-24 after V2 took over rendering | |
| @@ -6511,7 +6295,7 @@ | |||
| 6511 | 6295 | /* Suggested task buttons carry no press hack of their own: .button:active | |
| 6512 | 6296 | inverts its bevel, which is the pressed state for every button. */ | |
| 6513 | 6297 | ||
| 6514 | - | /* §52 vacated 2026-05-24, weekly-review print styles consolidated into §48. */ | |
| 6298 | + | /* §52 vacated 2026-05-24 into §48, which was itself deleted 2026-08-06. */ | |
| 6515 | 6299 | ||
| 6516 | 6300 | ||
| 6517 | 6301 | /* 52b. Monthly Review */ |