gabriel / musehub public
_diff.scss
181 lines 5.2 KB
Raw
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b Merge branch 'fix/wire-push-external-parent-manifest' into dev Human 8 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Diff viewer (.df3-* layout)
3 // File: src/scss/pages/_diff.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_diff.scss.
7 // Covers: diff.html (shell SSR + diff.ts client-rendered content)
8 // ─────────────────────────────────────────────────────────────────────────────
9
10 // ── Page skeleton ─────────────────────────────────────────────────────────────
11
12 .df3-page {
13 display: flex;
14 flex-direction: column;
15 gap: var(--space-3);
16 }
17
18 // ── Header ────────────────────────────────────────────────────────────────────
19
20 .df3-header {
21 display: flex;
22 align-items: center;
23 gap: var(--space-3);
24 padding: 10px 16px;
25 flex-wrap: wrap;
26 }
27
28 .df3-sha { padding: 2px 7px; }
29 .df3-branch { padding: 2px 8px; }
30
31 // ── Content (filled by diff.ts) ───────────────────────────────────────────────
32
33 .df3-content {
34 display: flex;
35 flex-direction: column;
36 gap: var(--space-3);
37 }
38
39 .df3-loading {
40 display: flex;
41 align-items: center;
42 gap: var(--space-2);
43 padding: var(--space-6) var(--space-4);
44 justify-content: center;
45 }
46
47 // ── Stats bar ─────────────────────────────────────────────────────────────────
48
49 .df3-stats-bar {
50 display: flex;
51 align-items: center;
52 justify-content: space-between;
53 gap: var(--space-4);
54 padding: 12px 16px;
55 flex-wrap: wrap;
56 }
57
58 .df3-stats-row {
59 display: flex;
60 gap: var(--space-3);
61 flex-wrap: wrap;
62 }
63
64 .df3-stat {
65 display: flex;
66 flex-direction: column;
67 align-items: center;
68 gap: 2px;
69 padding: 8px 14px;
70 min-width: 72px;
71 }
72
73 .df3-root-pill { padding: 2px 8px; }
74 .df3-stats-meta { display: flex; align-items: center; gap: 6px; }
75
76 // ── Files list ────────────────────────────────────────────────────────────────
77
78 .df3-files {
79 display: flex;
80 flex-direction: column;
81 gap: var(--space-3);
82 }
83
84 .df3-empty { padding: var(--space-6) var(--space-4); text-align: center; }
85
86 // ── File card ─────────────────────────────────────────────────────────────────
87
88 .df3-file-card {
89 overflow: hidden;
90 }
91
92 .df3-file-hd {
93 display: flex;
94 align-items: center;
95 gap: var(--space-2);
96 padding: 8px 14px;
97 }
98
99 .df3-file-hd-right {
100 display: flex;
101 align-items: center;
102 gap: var(--space-2);
103 margin-left: auto;
104 }
105
106 .df3-ext { padding: 1px 5px; }
107 .df3-line-stat { display: flex; gap: 5px; }
108 .df3-no-content { padding: var(--space-3) var(--space-4); }
109
110 // ── Code wrap ─────────────────────────────────────────────────────────────────
111
112 .df3-code-wrap { overflow-x: auto; }
113
114 // ── Diff table ────────────────────────────────────────────────────────────────
115
116 .df3-table {
117 width: 100%;
118 border-collapse: collapse;
119 border-spacing: 0;
120 }
121
122 .df3-ln-sign {
123 padding: 0 6px;
124 width: 16px;
125 text-align: center;
126 vertical-align: top;
127 user-select: none;
128 }
129
130 .df3-ln-num {
131 padding: 0 10px;
132 width: 1%;
133 white-space: nowrap;
134 text-align: right;
135 vertical-align: top;
136 user-select: none;
137 }
138
139 .df3-ln-code {
140 padding: 0 14px 0 10px;
141 width: 100%;
142 }
143
144 // ── Symbol panel ──────────────────────────────────────────────────────────────
145
146 .df3-sym-panel { overflow: hidden; }
147
148 .df3-sym-hd {
149 display: flex;
150 align-items: center;
151 gap: 7px;
152 padding: 7px 14px;
153 }
154
155 .df3-sym-count { padding: 1px 6px; }
156
157 .df3-sym-body {
158 display: flex;
159 flex-direction: column;
160 padding: 4px 0;
161 }
162
163 .df3-sym-row {
164 display: flex;
165 align-items: center;
166 gap: 6px;
167 padding: 3px 14px;
168 cursor: pointer;
169 }
170
171 .df3-sym-child { padding-left: 28px; }
172
173 .df3-sym-indent {
174 display: flex;
175 align-items: center;
176 flex-shrink: 0;
177 }
178
179 // ── Kind chips ────────────────────────────────────────────────────────────────
180
181 .df3-kind { padding: 1px 4px; }
File History 14 commits
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b Merge branch 'fix/wire-push-external-parent-manifest' into dev Human 8 days ago
sha256:fc04e4cae9e1774d6a21b65c45daeed0e6787eb581d13aa1b03bfe9384a34226 Merge branch 'fix/two-column-scroll-layout' into dev Human 8 days ago
sha256:408916fc5973ba59c6e4eebaa80ebdcc801c0a63205651e25009d11548f79454 chore: bump version to 0.2.0.dev2 — nightly.2, matching muse Sonnet 4.6 patch 11 days ago
sha256:d035733f21ccff27735fddebfbbe0ed24565a32a22db8de5885402262671ecd2 chore: bump version to 0.2.0rc15 for musehub#113 fix release Sonnet 4.6 patch 14 days ago
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
sha256:4669620efda9ff41c55bdefd1f7bfe1c239d468428744c84ead9957e5a003a53 merge: rescue snapshot-recovery hardening (c00aa21d) into d… Opus 4.8 minor ⚠ 29 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 33 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 34 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 35 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 35 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 48 days ago
sha256:b99f2455dc346966d040133f5203297e6e3ef5803a93728a2c30568d0a0f7583 rename: delta_add → delta_upsert across wire format, models… Sonnet 4.6 patch 50 days ago