gabriel / musehub public
_blame.scss
121 lines 4.3 KB
Raw
sha256:8a1389ae62d0a688d5e027763249bd8faedfc39ab00857d65da6620d1ab8a689 Merge 'feat/9a-4-f7-overseer-provenance' into 'dev' — propo… Human 4 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Blame viewer (.blm-* layout)
3 // File: src/scss/pages/_blame.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_blame.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Two-column layout ─────────────────────────────────────────────────────────
10
11 // App-shell page (issue #139) — .blm-page-header/.blm-stats (above
12 // this grid) are flex-shrink:0; .blm-layout takes whatever's left via
13 // flex, not a calc()'d height. See docs/issues/two-column-app-shell-refactor.md.
14 .blm-page-header,
15 .blm-stats {
16 flex-shrink: 0;
17 }
18
19 .blm-layout {
20 display: grid;
21 grid-template-columns: 256px 1fr;
22 gap: var(--space-4);
23 align-items: stretch;
24 min-height: 0;
25 flex: 1;
26
27 @media (max-width: 900px) {
28 grid-template-columns: 1fr;
29 }
30 }
31
32 // ── Legend (left) ─────────────────────────────────────────────────────────────
33
34 .blm-legend {
35 min-height: 0;
36 overflow-y: auto;
37 display: flex;
38 flex-direction: column;
39 scrollbar-width: thin;
40 scrollbar-color: var(--border-default) transparent;
41
42 @media (max-width: 900px) { overflow-y: visible; }
43 }
44
45 // ── Content (right) ───────────────────────────────────────────────────────────
46
47 .blm-content {
48 min-width: 0;
49 min-height: 0;
50 display: flex;
51 flex-direction: column;
52 gap: var(--space-3);
53 overflow-y: auto;
54 scrollbar-width: thin;
55 scrollbar-color: var(--border-default) transparent;
56
57 // .blm-symbol-list/.blm-file-view (components/_blame.scss) have their
58 // own `overflow: hidden` for rounded corners. Without flex-shrink:0
59 // they'd shrink to fit instead of overflowing, and blm-content's own
60 // overflow-y:auto would never trigger. See isl-main's .card comment
61 // (_issues.scss).
62 > .blm-symbol-list,
63 > .blm-file-view {
64 flex-shrink: 0;
65 }
66
67 @media (max-width: 900px) { overflow-y: visible; }
68 }
69
70 // ── Symbol list ───────────────────────────────────────────────────────────────
71
72 .blm-symbol-list {
73 display: flex;
74 flex-direction: column;
75 gap: var(--space-2);
76 }
77
78 // ── Card summary ──────────────────────────────────────────────────────────────
79
80 .blm-card-summary {
81 display: flex;
82 align-items: center;
83 gap: var(--space-3);
84 }
85
86 .blm-card-main { flex: 1; min-width: 0; }
87
88 .blm-card-top {
89 display: flex;
90 align-items: center;
91 gap: var(--space-2);
92 margin-bottom: var(--space-1);
93 flex-wrap: wrap;
94 }
95
96 .blm-card-bottom {
97 display: flex;
98 align-items: center;
99 gap: var(--space-3);
100 flex-wrap: wrap;
101 }
102
103 // ── Code table ────────────────────────────────────────────────────────────────
104
105 .blm-code-table {
106 table-layout: fixed;
107 }
108
109 .blm-gutter { width: 56px; }
110 .blm-code-cell { width: calc(100% - 56px); overflow-x: auto; }
111
112 // ── History table ─────────────────────────────────────────────────────────────
113
114 .blm-history-table {
115 th:nth-child(1) { width: 28px; } // #
116 th:nth-child(2) { width: 80px; } // Commit
117 th:nth-child(3) { width: 64px; } // Op
118 th:nth-child(4) { width: auto; } // Message
119 th:nth-child(5) { width: 100px; } // Author
120 th:nth-child(6) { width: 80px; } // When
121 }
File History 16 commits
sha256:8a1389ae62d0a688d5e027763249bd8faedfc39ab00857d65da6620d1ab8a689 Merge 'feat/9a-4-f7-overseer-provenance' into 'dev' — propo… Human 4 days ago
sha256:bee12c5cbde2334f98421c6c209d768fa6b8004d6705c9ea798ce6c1651bc11f Merge 'infra/database-phase3-4-cleanup' into 'dev' — propos… Human 4 days ago
sha256:7c5915d3a65660061405c2cc04bcb297f7c97157c71629b856bd0261c4cc53ac docs: add v0.2.0-nightly.3 changelog Sonnet 5 67 days ago
sha256:fc04e4cae9e1774d6a21b65c45daeed0e6787eb581d13aa1b03bfe9384a34226 Merge branch 'fix/two-column-scroll-layout' into dev Human 67 days ago
sha256:408916fc5973ba59c6e4eebaa80ebdcc801c0a63205651e25009d11548f79454 chore: bump version to 0.2.0.dev2 — nightly.2, matching muse Sonnet 4.6 patch 70 days ago
sha256:d035733f21ccff27735fddebfbbe0ed24565a32a22db8de5885402262671ecd2 chore: bump version to 0.2.0rc15 for musehub#113 fix release Sonnet 4.6 patch 73 days ago
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 76 days ago
sha256:4669620efda9ff41c55bdefd1f7bfe1c239d468428744c84ead9957e5a003a53 merge: rescue snapshot-recovery hardening (c00aa21d) into d… Opus 4.8 minor ⚠ 88 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 92 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 93 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 94 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 94 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 94 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 94 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 107 days ago
sha256:b99f2455dc346966d040133f5203297e6e3ef5803a93728a2c30568d0a0f7583 rename: delta_add → delta_upsert across wire format, models… Sonnet 4.6 patch 109 days ago