gabriel / musehub public
_commit-detail.scss
611 lines 22.6 KB
Raw
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 7 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Commit Detail (.cmt-* prefix)
3 // File: src/scss/components/_commit-detail.scss
4 //
5 // Visual rules only — colors, typography, backgrounds, borders, animations.
6 // Structural layout lives in pages/_commit-detail.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Hero ─────────────────────────────────────────────────────────────────────
10
11 .cmt-hero {
12 background: linear-gradient(135deg, var(--bg-base) 0%, var(--bg-hero-mid) 60%, var(--bg-base) 100%);
13
14 &.cmt-hero--breaking { border-left: 3px solid var(--color-danger); }
15 }
16
17 .cmt-hero-glow {
18 position: absolute;
19 inset: 0;
20 pointer-events: none;
21 }
22
23 .cmt-hero--feat .cmt-hero-glow { background: radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--color-accent) 8%, transparent) 0%, transparent 65%); }
24 .cmt-hero--fix .cmt-hero-glow { background: radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--color-danger) 7%, transparent) 0%, transparent 65%); }
25 .cmt-hero--refactor .cmt-hero-glow { background: radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--color-orange) 7%, transparent) 0%, transparent 65%); }
26 .cmt-hero--perf .cmt-hero-glow { background: radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--color-warning) 7%, transparent) 0%, transparent 65%); }
27 .cmt-hero--test .cmt-hero-glow { background: radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--color-success) 7%, transparent) 0%, transparent 65%); }
28 .cmt-hero--docs .cmt-hero-glow { background: radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--color-teal) 6%, transparent) 0%, transparent 65%); }
29 .cmt-hero--agent .cmt-hero-glow { background: radial-gradient(ellipse 40% 60% at 15% 60%, color-mix(in srgb, var(--color-accent) 5%, transparent) 0%, transparent 60%),
30 radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--color-accent) 8%, transparent) 0%, transparent 65%); }
31 .cmt-hero--default .cmt-hero-glow { background: radial-gradient(ellipse 55% 80% at 80% 30%, color-mix(in srgb, var(--text-muted) 5%, transparent) 0%, transparent 65%); }
32
33 .cmt-hero-title {
34 font-size: clamp(18px, 2.5vw, 26px);
35 font-weight: var(--weight-bold);
36 color: var(--text-primary);
37 line-height: 1.25;
38 margin: 0;
39 }
40
41 .cmt-hero-desc {
42 font-size: 13px;
43 color: var(--text-secondary);
44 line-height: 1.65;
45 max-width: 640px;
46
47 p { margin: 0; }
48 p + p { margin-top: 8px; }
49 }
50
51 .cmt-hero-actor {
52 font-size: 13px;
53 font-weight: var(--weight-semibold);
54 color: var(--text-primary);
55 text-decoration: none;
56 &:hover { color: var(--color-accent); }
57 }
58
59 .cmt-hero-sep { color: var(--border-default); font-size: 13px; }
60 .cmt-hero-time { font-size: 12px; color: var(--text-secondary); }
61 .cmt-hero-date { font-size: 12px; color: var(--text-muted); }
62
63 .cmt-hero-agent-badge {
64 display: inline-flex;
65 align-items: center;
66 gap: 5px;
67 font-size: 11px;
68 font-weight: var(--weight-semibold);
69 color: var(--color-accent);
70 background: color-mix(in srgb, var(--color-accent) 10%, transparent);
71 border: 1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);
72 border-radius: var(--radius-full);
73 padding: 2px 9px;
74 svg { color: var(--color-accent); }
75 }
76
77 // ── Manifest ─────────────────────────────────────────────────────────────────
78
79 .cmt-manifest-key { color: var(--text-muted); }
80
81 .cmt-manifest-val {
82 color: var(--text-secondary);
83 font-size: 12px;
84
85 &.cmt-mono { font-family: var(--font-mono); font-size: 11px; word-break: break-all; color: var(--text-secondary); }
86 }
87
88 .cmt-muted { color: var(--text-muted); }
89 .cmt-mono { font-family: var(--font-mono); }
90 .cmt-green { color: var(--color-success); display: inline-flex; align-items: center; gap: 4px; }
91 .cmt-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
92 .cmt-sha-break { font-size: 10px; word-break: break-all; }
93
94 .cmt-copy-btn {
95 background: none;
96 border: none;
97 padding: 2px;
98 cursor: pointer;
99 color: var(--text-muted);
100 border-radius: var(--radius-sm);
101 display: inline-flex;
102 align-items: center;
103 transition: color var(--transition-fast), background var(--transition-fast);
104
105 &:hover {
106 color: var(--text-primary);
107 background: var(--bg-overlay);
108 }
109 }
110
111 .cmt-parent-chip {
112 font-family: var(--font-mono);
113 font-size: 11px;
114 color: var(--color-accent-link);
115 text-decoration: none;
116 background: color-mix(in srgb, var(--color-accent) 10%, transparent);
117 border: 1px solid color-mix(in srgb, var(--color-accent) 20%, transparent);
118 border-radius: var(--radius-sm);
119 padding: 1px 6px;
120 &:hover { background: color-mix(in srgb, var(--color-accent) 18%, transparent); }
121 }
122
123 // ── Type / semver / scope badges ──────────────────────────────────────────────
124
125 .cmt-type {
126 display: inline-flex;
127 align-items: center;
128 padding: 2px 8px;
129 border-radius: var(--radius-sm);
130 font-size: 11px;
131 font-weight: var(--weight-bold);
132 font-family: var(--font-mono);
133 text-transform: lowercase;
134 letter-spacing: 0.02em;
135 }
136
137 .cmt-type--feat { background: color-mix(in srgb, var(--color-accent) 12%, transparent); color: var(--color-accent); border: 1px solid color-mix(in srgb, var(--color-accent) 25%, transparent); }
138 .cmt-type--fix { background: color-mix(in srgb, var(--color-danger) 12%, transparent); color: var(--color-danger); border: 1px solid color-mix(in srgb, var(--color-danger) 25%, transparent); }
139 .cmt-type--chore { background: color-mix(in srgb, var(--text-muted) 10%, transparent); color: var(--text-muted); border: 1px solid color-mix(in srgb, var(--text-muted) 20%, transparent); }
140 .cmt-type--style { background: color-mix(in srgb, var(--color-purple) 12%, transparent); color: var(--color-purple); border: 1px solid color-mix(in srgb, var(--color-purple) 25%, transparent); }
141 .cmt-type--refactor { background: color-mix(in srgb, var(--color-orange) 12%, transparent); color: var(--color-orange); border: 1px solid color-mix(in srgb, var(--color-orange) 25%, transparent); }
142 .cmt-type--docs { background: color-mix(in srgb, var(--color-teal) 12%, transparent); color: var(--color-teal); border: 1px solid color-mix(in srgb, var(--color-teal) 25%, transparent); }
143 .cmt-type--test { background: color-mix(in srgb, var(--color-success) 12%, transparent); color: var(--color-success); border: 1px solid color-mix(in srgb, var(--color-success) 25%, transparent); }
144 .cmt-type--perf { background: color-mix(in srgb, var(--color-warning) 12%, transparent); color: var(--color-warning); border: 1px solid color-mix(in srgb, var(--color-warning) 25%, transparent); }
145 .cmt-type--build { background: color-mix(in srgb, var(--color-orange) 12%, transparent); color: var(--color-orange); border: 1px solid color-mix(in srgb, var(--color-orange) 25%, transparent); }
146 .cmt-type--ci { background: color-mix(in srgb, var(--color-teal) 12%, transparent); color: var(--color-teal); border: 1px solid color-mix(in srgb, var(--color-teal) 25%, transparent); }
147
148 .cmt-sv {
149 display: inline-flex;
150 align-items: center;
151 padding: 2px 8px;
152 border-radius: var(--radius-sm);
153 font-size: 10px;
154 font-weight: var(--weight-bold);
155 font-family: var(--font-mono);
156 text-transform: uppercase;
157 letter-spacing: 0.05em;
158 }
159
160 .cmt-sv--breaking { background: color-mix(in srgb, var(--color-danger) 15%, transparent); color: var(--color-danger); border: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent); }
161 .cmt-sv--major { background: color-mix(in srgb, var(--color-danger) 10%, transparent); color: var(--color-danger); border: 1px solid color-mix(in srgb, var(--color-danger) 20%, transparent); }
162 .cmt-sv--minor { background: color-mix(in srgb, var(--color-accent) 10%, transparent); color: var(--color-accent); border: 1px solid color-mix(in srgb, var(--color-accent) 20%, transparent); }
163 .cmt-sv--patch { background: color-mix(in srgb, var(--color-success) 10%, transparent); color: var(--color-success); border: 1px solid color-mix(in srgb, var(--color-success) 20%, transparent); }
164
165 .cmt-scope {
166 font-size: 11px;
167 font-family: var(--font-mono);
168 color: var(--text-muted);
169 background: var(--bg-overlay);
170 border: 1px solid var(--border-subtle);
171 border-radius: var(--radius-sm);
172 padding: 2px 7px;
173 }
174
175 .cmt-branch-pill {
176 display: inline-flex;
177 align-items: center;
178 gap: 4px;
179 font-size: 11px;
180 font-family: var(--font-mono);
181 color: var(--text-secondary);
182 background: var(--bg-overlay);
183 border: 1px solid var(--border-subtle);
184 border-radius: var(--radius-full);
185 padding: 2px 8px;
186 svg { color: var(--text-muted); }
187 }
188
189 .cmt-pos-pill {
190 font-size: 10px;
191 font-family: var(--font-mono);
192 color: var(--text-muted);
193 background: var(--bg-overlay);
194 border: 1px solid var(--border-subtle);
195 border-radius: var(--radius-full);
196 padding: 2px 7px;
197 }
198
199 // ── Dimension strip ───────────────────────────────────────────────────────────
200
201 .cmt-dim {
202 background: var(--bg-surface);
203 border: 1px solid var(--border-default);
204 border-radius: var(--radius-md);
205 }
206
207 .cmt-dim-num {
208 font-size: 22px;
209 font-weight: var(--weight-bold);
210 font-family: var(--font-mono);
211 line-height: 1;
212 }
213
214 .cmt-dim-label {
215 font-size: 10px;
216 color: var(--text-muted);
217 text-transform: uppercase;
218 letter-spacing: 0.06em;
219 font-weight: var(--weight-medium);
220 }
221
222 .cmt-dim--add { border-left: 2px solid var(--color-success); .cmt-dim-num { color: var(--color-success); } }
223 .cmt-dim--mod { border-left: 2px solid var(--color-warning); .cmt-dim-num { color: var(--color-warning); } }
224 .cmt-dim--del { border-left: 2px solid var(--color-danger); .cmt-dim-num { color: var(--color-danger); } }
225 .cmt-dim--files { .cmt-dim-num { color: var(--text-primary); } }
226 .cmt-dim--snap { .cmt-dim-num { color: var(--text-secondary);} }
227 .cmt-dim--dead { border-left: 2px solid var(--color-danger); .cmt-dim-num { color: var(--color-danger); } }
228 .cmt-dim--clean { .cmt-dim-num { color: var(--color-success); } }
229 .cmt-dim--test { border-left: 2px solid var(--color-accent); .cmt-dim-num { color: var(--color-accent); } }
230
231 // ── Sections ──────────────────────────────────────────────────────────────────
232
233 .cmt-section {
234 background: var(--bg-surface);
235 border: 1px solid var(--border-default);
236 border-radius: var(--radius-md);
237 overflow: hidden;
238 }
239
240 .cmt-section-hd {
241 border-bottom: 1px solid var(--border-subtle);
242 background: var(--bg-surface);
243 }
244
245 .cmt-section-summary {
246 cursor: pointer;
247 user-select: none;
248 list-style: none;
249 &::-webkit-details-marker { display: none; }
250 &:hover { background: var(--bg-overlay); }
251 }
252
253 .cmt-chevron {
254 color: var(--text-muted);
255 transition: transform var(--transition-fast);
256 }
257
258 details.cmt-section--collapsible[open] .cmt-chevron { transform: rotate(180deg); }
259
260 .cmt-section-title {
261 font-size: 13px;
262 font-weight: var(--weight-semibold);
263 color: var(--text-primary);
264 }
265
266 .cmt-section-pill {
267 font-size: 10px;
268 font-weight: var(--weight-semibold);
269 color: var(--text-muted);
270 background: var(--bg-overlay);
271 border: 1px solid var(--border-subtle);
272 border-radius: var(--radius-full);
273 padding: 1px 7px;
274 font-family: var(--font-mono);
275
276 &.cmt-pill--count {
277 color: var(--color-accent);
278 background: color-mix(in srgb, var(--color-accent) 10%, transparent);
279 border-color: color-mix(in srgb, var(--color-accent) 20%, transparent);
280 }
281 }
282
283 // ── Op dots ───────────────────────────────────────────────────────────────────
284
285 .cmt-op {
286 display: inline-flex;
287 align-items: center;
288 justify-content: center;
289 width: 16px;
290 height: 16px;
291 border-radius: 50%;
292 font-size: 11px;
293 font-weight: var(--weight-bold);
294 flex-shrink: 0;
295 line-height: 1;
296 }
297
298 .cmt-op--add { background: color-mix(in srgb, var(--color-success) 15%, transparent); color: var(--color-success); }
299 .cmt-op--del { background: color-mix(in srgb, var(--color-danger) 15%, transparent); color: var(--color-danger); }
300 .cmt-op--mod { background: color-mix(in srgb, var(--color-warning) 15%, transparent); color: var(--color-warning); }
301 .cmt-op--unk { background: var(--bg-overlay); color: var(--text-muted); }
302
303 // ── File cards ────────────────────────────────────────────────────────────────
304
305 .cmt-file-card {
306 border-bottom: 1px solid var(--border-subtle);
307 &:last-child { border-bottom: none; }
308 }
309
310 .cmt-file-hd { background: color-mix(in srgb, var(--bg-overlay) 50%, transparent); }
311
312 .cmt-file-card--insert { border-left: 2px solid var(--color-success); }
313 .cmt-file-card--delete { border-left: 2px solid var(--color-danger); }
314 .cmt-file-card--replace,
315 .cmt-file-card--patch { border-left: 2px solid var(--color-warning); }
316
317 .cmt-file-path {
318 font-family: var(--font-mono);
319 font-size: 12px;
320 font-weight: var(--weight-semibold);
321 color: var(--text-primary);
322 text-decoration: none;
323 &:hover { color: var(--color-accent-link); text-decoration: underline; }
324 }
325
326 .cmt-ext {
327 font-family: var(--font-mono);
328 font-size: 10px;
329 color: var(--text-muted);
330 background: var(--bg-overlay);
331 border: 1px solid var(--border-subtle);
332 border-radius: 3px;
333 padding: 1px 5px;
334 }
335
336 .cmt-file-summary { font-size: 11px; color: var(--text-muted); }
337
338 // ── Symbol tree ───────────────────────────────────────────────────────────────
339
340 .cmt-sym-row {
341 border-radius: var(--radius-sm);
342 transition: background var(--transition-fast);
343 &:hover { background: var(--bg-overlay); }
344 }
345
346 .cmt-sym-indent { color: var(--border-default); }
347
348 .cmt-sym-name {
349 font-family: var(--font-mono);
350 font-size: 12px;
351 color: var(--text-primary);
352 font-weight: var(--weight-medium);
353
354 &.cmt-sym-name--link {
355 text-decoration: none;
356 &:hover { color: var(--color-accent-link); text-decoration: underline; }
357 }
358 &.cmt-sym-name--child { color: var(--text-secondary); }
359 }
360
361 .cmt-sym-desc { font-size: 11px; color: var(--text-muted); }
362
363 .cmt-sym-row--delete .cmt-sym-name {
364 color: var(--text-muted);
365 text-decoration: line-through;
366 }
367
368 // ── Kind chips ────────────────────────────────────────────────────────────────
369
370 .cmt-kind {
371 font-size: 9px;
372 font-weight: var(--weight-bold);
373 font-family: var(--font-mono);
374 text-transform: uppercase;
375 letter-spacing: 0.04em;
376 padding: 1px 5px;
377 border-radius: 3px;
378 }
379
380 .cmt-kind--class { background: color-mix(in srgb, var(--color-accent) 10%, transparent); color: var(--color-accent); border: 1px solid color-mix(in srgb, var(--color-accent) 20%, transparent); }
381 .cmt-kind--method { background: color-mix(in srgb, var(--color-purple) 10%, transparent); color: var(--color-purple); border: 1px solid color-mix(in srgb, var(--color-purple) 20%, transparent); }
382 .cmt-kind--func { background: color-mix(in srgb, var(--color-teal) 10%, transparent); color: var(--color-teal); border: 1px solid color-mix(in srgb, var(--color-teal) 20%, transparent); }
383 .cmt-kind--var { background: color-mix(in srgb, var(--color-orange) 10%, transparent); color: var(--color-orange); border: 1px solid color-mix(in srgb, var(--color-orange) 20%, transparent); }
384 .cmt-kind--import { background: color-mix(in srgb, var(--text-muted) 10%, transparent); color: var(--text-muted); border: 1px solid color-mix(in srgb, var(--text-muted) 20%, transparent); }
385
386 // ── Flat file list ────────────────────────────────────────────────────────────
387
388 .cmt-fl-row {
389 border-radius: var(--radius-sm);
390 transition: background var(--transition-fast);
391 &:hover { background: var(--bg-overlay); }
392 }
393
394 .cmt-fl-dot {
395 font-size: 13px;
396 font-weight: var(--weight-bold);
397 font-family: var(--font-mono);
398 }
399
400 .cmt-fl-row--add .cmt-fl-dot { color: var(--color-success); }
401 .cmt-fl-row--mod .cmt-fl-dot { color: var(--color-warning); }
402 .cmt-fl-row--del .cmt-fl-dot { color: var(--color-danger); }
403
404 .cmt-fl-path {
405 font-family: var(--font-mono);
406 font-size: 12px;
407 color: var(--text-primary);
408 text-decoration: none;
409 &:hover { color: var(--color-accent-link); text-decoration: underline; }
410 }
411
412 .cmt-fl-path--gone { color: var(--text-muted); text-decoration: line-through; }
413
414 .cmt-tally-add,
415 .cmt-tally-mod,
416 .cmt-tally-del {
417 font-size: 11px;
418 font-weight: var(--weight-bold);
419 font-family: var(--font-mono);
420 padding: 1px 6px;
421 border-radius: var(--radius-sm);
422 }
423
424 .cmt-tally-add { color: var(--color-success); background: color-mix(in srgb, var(--color-success) 10%, transparent); }
425 .cmt-tally-mod { color: var(--color-warning); background: color-mix(in srgb, var(--color-warning) 10%, transparent); }
426 .cmt-tally-del { color: var(--color-danger); background: color-mix(in srgb, var(--color-danger) 10%, transparent); }
427
428 // ── Commit navigation ─────────────────────────────────────────────────────────
429
430 .cmt-nav-card {
431 background: var(--bg-surface);
432 border: 1px solid var(--border-default);
433 border-radius: var(--radius-md);
434 text-decoration: none;
435 transition: border-color var(--transition-fast), background var(--transition-fast);
436
437 &:hover {
438 border-color: var(--color-accent);
439 background: color-mix(in srgb, var(--color-accent) 5%, var(--bg-surface));
440 }
441 }
442
443 .cmt-nav-card--disabled {
444 background: var(--bg-surface);
445 border: 1px solid var(--border-subtle);
446 border-radius: var(--radius-md);
447 opacity: 0.4;
448 }
449
450 .cmt-nav-dir {
451 font-size: 11px;
452 font-weight: var(--weight-semibold);
453 color: var(--text-muted);
454 text-transform: uppercase;
455 letter-spacing: 0.06em;
456 display: inline-flex;
457 align-items: center;
458 gap: 4px;
459 }
460
461 .cmt-nav-msg {
462 font-size: 13px;
463 color: var(--text-primary);
464 white-space: nowrap;
465 overflow: hidden;
466 text-overflow: ellipsis;
467 }
468
469 .cmt-nav-sha {
470 font-family: var(--font-mono);
471 font-size: 10px;
472 color: var(--text-muted);
473 }
474
475 .cmt-nav-all {
476 font-size: 12px;
477 color: var(--color-accent-link);
478 text-decoration: none;
479 &:hover { text-decoration: underline; }
480 }
481
482 // ── Discussion ────────────────────────────────────────────────────────────────
483
484 .cmt-disc-title {
485 font-size: 15px;
486 font-weight: var(--weight-semibold);
487 color: var(--text-primary);
488 margin: 0;
489 }
490
491 .cmt-disc-hd { svg { color: var(--text-muted); } }
492
493 .cmt-cli-hint {
494 color: var(--text-secondary);
495 background: var(--bg-elevated);
496 border: 1px solid var(--border-subtle);
497 }
498
499 // ── Sidebar panel ─────────────────────────────────────────────────────────────
500
501 .cmt-side-panel {
502 background: var(--bg-surface);
503 border: 1px solid var(--border-default);
504 border-radius: var(--radius-md);
505 overflow: hidden;
506
507 &.cmt-side-panel--agent { border-color: color-mix(in srgb, var(--color-accent) 35%, transparent); }
508 }
509
510 .cmt-prov-glow {
511 position: absolute;
512 inset: 0;
513 background: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--color-accent) 8%, transparent) 0%, transparent 65%);
514 pointer-events: none;
515 }
516
517 .cmt-scard-hd {
518 background: var(--bg-surface);
519 svg { color: var(--text-muted); flex-shrink: 0; }
520 span { flex: 1; min-width: 0; }
521 }
522
523 .cmt-scard-label {
524 font-size: 10px;
525 font-weight: var(--weight-semibold);
526 color: var(--text-muted);
527 text-transform: uppercase;
528 letter-spacing: 0.05em;
529
530 &.cmt-scard-label--danger { color: var(--color-danger); }
531 }
532
533 .cmt-scard-val {
534 font-size: 12px;
535 color: var(--text-secondary);
536 }
537
538 // Sidebar heading style: same as proposal-scard-hd
539 .cmt-scard-hd {
540 font-size: 11px;
541 font-weight: var(--weight-semibold);
542 color: var(--text-primary);
543 text-transform: uppercase;
544 letter-spacing: 0.06em;
545 }
546
547 .cmt-sig-badge {
548 display: inline-flex;
549 align-items: center;
550 gap: 3px;
551 font-size: 9px;
552 font-weight: var(--weight-bold);
553 text-transform: uppercase;
554 letter-spacing: 0.06em;
555 color: var(--color-success);
556 background: color-mix(in srgb, var(--color-success) 10%, transparent);
557 border: 1px solid color-mix(in srgb, var(--color-success) 25%, transparent);
558 border-radius: var(--radius-full);
559 padding: 2px 7px;
560 margin-left: auto;
561 }
562
563 .cmt-prov-agent {
564 display: inline-flex;
565 align-items: center;
566 gap: 6px;
567 font-size: 12px;
568 font-weight: var(--weight-semibold);
569 color: var(--color-accent);
570 svg { color: var(--color-accent); }
571 }
572
573 .cmt-prov-model {
574 font-family: var(--font-mono);
575 font-size: 11px;
576 color: var(--text-muted);
577 background: var(--bg-overlay);
578 border: 1px solid var(--border-subtle);
579 border-radius: var(--radius-full);
580 padding: 2px 8px;
581 align-self: flex-start;
582 }
583
584 .cmt-prov-human {
585 display: inline-flex;
586 align-items: center;
587 gap: 6px;
588 font-size: 12px;
589 font-weight: var(--weight-semibold);
590 color: var(--text-secondary);
591 svg { color: var(--text-muted); }
592 }
593
594 .cmt-scard-row--breaking {
595 background: color-mix(in srgb, var(--color-danger) 6%, transparent);
596 }
597
598 .cmt-break-item {
599 font-size: 11px;
600 color: var(--color-danger);
601 font-family: var(--font-mono);
602 }
603
604 .cmt-reviewer {
605 font-size: 11px;
606 color: var(--text-secondary);
607 background: var(--bg-overlay);
608 border: 1px solid var(--border-subtle);
609 border-radius: var(--radius-full);
610 padding: 1px 7px;
611 }
File History 1 commit
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 7 days ago