@@ -11,6 +11,8 @@ const siteCSS = `:root { |
| 11 |
--blue: #0969da; |
11 |
--blue: #0969da; |
| 12 |
--green: #1f883d; |
12 |
--green: #1f883d; |
| 13 |
--green-hover: #1a7f37; |
13 |
--green-hover: #1a7f37; |
|
|
14 |
--success-text: #1a7f37; |
|
|
15 |
--danger-text: #cf222e; |
| 14 |
--shadow: 0 1px 0 rgba(31,35,40,.04); |
16 |
--shadow: 0 1px 0 rgba(31,35,40,.04); |
| 15 |
--button-border: rgba(31,35,40,.15); |
17 |
--button-border: rgba(31,35,40,.15); |
| 16 |
--button-hover: #eff2f5; |
18 |
--button-hover: #eff2f5; |
@@ -20,6 +22,12 @@ const siteCSS = `:root { |
| 20 |
--neutral-muted: #eaeef2; |
22 |
--neutral-muted: #eaeef2; |
| 21 |
--selected-bg: #ddf4ff; |
23 |
--selected-bg: #ddf4ff; |
| 22 |
--attention-bg: #fff8c5; |
24 |
--attention-bg: #fff8c5; |
|
|
25 |
--diff-add: #dafbe1; |
|
|
26 |
--diff-add-number: #aceebb; |
|
|
27 |
--diff-delete: #ffebe9; |
|
|
28 |
--diff-delete-number: #ffc1ba; |
|
|
29 |
--diff-hunk: #ddf4ff; |
|
|
30 |
--diff-empty: #f6f8fa; |
| 23 |
--checker-a: #f6f8fa; |
31 |
--checker-a: #f6f8fa; |
| 24 |
--checker-b: #ffffff; |
32 |
--checker-b: #ffffff; |
| 25 |
--dialog-backdrop: rgba(31,35,40,.45); |
33 |
--dialog-backdrop: rgba(31,35,40,.45); |
@@ -41,6 +49,8 @@ const siteCSS = `:root { |
| 41 |
--blue: #58a6ff; |
49 |
--blue: #58a6ff; |
| 42 |
--green: #238636; |
50 |
--green: #238636; |
| 43 |
--green-hover: #2ea043; |
51 |
--green-hover: #2ea043; |
|
|
52 |
--success-text: #3fb950; |
|
|
53 |
--danger-text: #f85149; |
| 44 |
--shadow: 0 0 transparent; |
54 |
--shadow: 0 0 transparent; |
| 45 |
--button-border: rgba(240,246,252,.1); |
55 |
--button-border: rgba(240,246,252,.1); |
| 46 |
--button-hover: #21262d; |
56 |
--button-hover: #21262d; |
@@ -50,6 +60,12 @@ const siteCSS = `:root { |
| 50 |
--neutral-muted: #21262d; |
60 |
--neutral-muted: #21262d; |
| 51 |
--selected-bg: rgba(56,139,253,.15); |
61 |
--selected-bg: rgba(56,139,253,.15); |
| 52 |
--attention-bg: rgba(187,128,9,.15); |
62 |
--attention-bg: rgba(187,128,9,.15); |
|
|
63 |
--diff-add: #12261e; |
|
|
64 |
--diff-add-number: #1b4721; |
|
|
65 |
--diff-delete: #2d1715; |
|
|
66 |
--diff-delete-number: #5d1f1a; |
|
|
67 |
--diff-hunk: #121d2f; |
|
|
68 |
--diff-empty: #161b22; |
| 53 |
--checker-a: #161b22; |
69 |
--checker-a: #161b22; |
| 54 |
--checker-b: #21262d; |
70 |
--checker-b: #21262d; |
| 55 |
--dialog-backdrop: rgba(1,4,9,.8); |
71 |
--dialog-backdrop: rgba(1,4,9,.8); |
@@ -140,6 +156,7 @@ button, input { font: inherit; } |
| 140 |
.latest-commit { min-width: 0; display: flex; align-items: baseline; gap: 9px; } |
156 |
.latest-commit { min-width: 0; display: flex; align-items: baseline; gap: 9px; } |
| 141 |
.latest-commit strong { flex: none; } |
157 |
.latest-commit strong { flex: none; } |
| 142 |
.commit-message { min-width: 0; overflow: hidden; color: var(--text); text-overflow: ellipsis; white-space: nowrap; } |
158 |
.commit-message { min-width: 0; overflow: hidden; color: var(--text); text-overflow: ellipsis; white-space: nowrap; } |
|
|
159 |
.commit-message:hover { color: var(--blue); } |
| 143 |
.commit-hash, .commit-row time { color: var(--muted); font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; } |
160 |
.commit-hash, .commit-row time { color: var(--muted); font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; } |
| 144 |
.commit-row time { font-family: inherit; white-space: nowrap; } |
161 |
.commit-row time { font-family: inherit; white-space: nowrap; } |
| 145 |
.commit-count-link { min-height: 30px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 0 4px 10px; border-left: 1px solid var(--border-muted); color: var(--text); white-space: nowrap; } |
162 |
.commit-count-link { min-height: 30px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 0 4px 10px; border-left: 1px solid var(--border-muted); color: var(--text); white-space: nowrap; } |
@@ -269,6 +286,61 @@ button, input { font: inherit; } |
| 269 |
.commit-sha { padding: 4px 8px; border: 1px solid var(--border); border-radius: 6px; color: var(--text); background: var(--canvas); font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; } |
286 |
.commit-sha { padding: 4px 8px; border: 1px solid var(--border); border-radius: 6px; color: var(--text); background: var(--canvas); font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; } |
| 270 |
.commit-sha:hover { color: var(--blue); text-decoration: none; } |
287 |
.commit-sha:hover { color: var(--blue); text-decoration: none; } |
| 271 |
|
288 |
|
|
|
289 |
.commit-view { max-width: 100%; } |
|
|
290 |
.commit-page-heading { min-height: 42px; margin-bottom: 12px; display: flex; align-items: center; } |
|
|
291 |
.commit-page-heading h1 { margin: 0; font-size: 24px; font-weight: 500; } |
|
|
292 |
.commit-page-heading code { padding: 3px 7px; border-radius: 6px; background: var(--neutral-muted); font: 20px ui-monospace, SFMono-Regular, Consolas, monospace; } |
|
|
293 |
.commit-summary-card { overflow: hidden; margin-bottom: 20px; border: 1px solid var(--border); border-radius: 7px; background: var(--bg); } |
|
|
294 |
.commit-summary-title { min-height: 58px; padding: 12px 16px; display: flex; align-items: flex-start; gap: 16px; background: var(--canvas); border-bottom: 1px solid var(--border); } |
|
|
295 |
.commit-summary-title > strong { min-width: 0; flex: 1; font: 14px/32px ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; } |
|
|
296 |
.commit-copy { flex: none; } |
|
|
297 |
.commit-copy.is-copied { color: var(--green); background: var(--success-bg); } |
|
|
298 |
.commit-body { margin: 0; padding: 14px 16px; overflow: auto; border-bottom: 1px solid var(--border-muted); color: var(--text); background: var(--bg); font: 13px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; } |
|
|
299 |
.commit-author-row { min-height: 48px; padding: 9px 16px; display: flex; align-items: center; gap: 9px; } |
|
|
300 |
.commit-author-row > span { color: var(--muted); } |
|
|
301 |
.commit-author-row strong { color: var(--text); } |
|
|
302 |
.commit-identifiers { padding: 9px 16px; display: flex; flex-wrap: wrap; gap: 8px 20px; border-top: 1px solid var(--border-muted); color: var(--muted); font-size: 12px; } |
|
|
303 |
.commit-identifiers code { color: var(--text); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; } |
|
|
304 |
.diff-overview { min-height: 44px; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--border); } |
|
|
305 |
.diff-overview > strong { font-size: 16px; } |
|
|
306 |
.diff-overview .muted { color: var(--muted); font-size: 12px; } |
|
|
307 |
.diff-totals, .diff-file-stats { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; } |
|
|
308 |
.addition { color: var(--success-text); } |
|
|
309 |
.deletion { color: var(--danger-text); } |
|
|
310 |
.diff-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); align-items: start; gap: 20px; } |
|
|
311 |
.diff-sidebar { position: sticky; top: 12px; min-width: 0; } |
|
|
312 |
.diff-sidebar h2 { margin: 0 0 8px; font-size: 14px; } |
|
|
313 |
.diff-file-nav { padding: 7px 0; overflow: hidden; border: 1px solid var(--border); border-radius: 7px; } |
|
|
314 |
.diff-file-nav a { min-height: 31px; padding: 5px 12px; display: block; overflow: hidden; color: var(--text); font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; } |
|
|
315 |
.diff-file-nav a:hover { background: var(--canvas); text-decoration: none; } |
|
|
316 |
.diff-file-nav a span { width: 68px; display: inline-block; color: var(--muted); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } |
|
|
317 |
.diff-files { display: flex; flex-direction: column; gap: 24px; } |
|
|
318 |
.diff-file { scroll-margin-top: 12px; overflow: hidden; border: 1px solid var(--border); border-radius: 7px; background: var(--bg); } |
|
|
319 |
.diff-file:target { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue); } |
|
|
320 |
.diff-file-header { min-height: 44px; padding: 8px 12px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--border); background: var(--canvas); } |
|
|
321 |
.diff-file-header strong { min-width: 0; overflow: hidden; font: 13px ui-monospace, SFMono-Regular, Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; } |
|
|
322 |
.diff-status { flex: none; padding: 1px 6px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: 11px; font-weight: 600; } |
|
|
323 |
.split-diff { width: 100%; overflow: auto; } |
|
|
324 |
.split-diff table { width: 100%; min-width: 960px; border-spacing: 0; border-collapse: collapse; table-layout: fixed; font: 12px/20px ui-monospace, SFMono-Regular, Consolas, monospace; } |
|
|
325 |
.split-diff col { width: auto; } |
|
|
326 |
.diff-line-number { width: 50px; padding: 0 8px; color: var(--muted); background: var(--bg); border-right: 1px solid var(--border-muted); text-align: right; vertical-align: top; user-select: none; } |
|
|
327 |
.diff-line-number:nth-child(3) { border-left: 1px solid var(--border); } |
|
|
328 |
.diff-line-number.addition { background: var(--diff-add-number); } |
|
|
329 |
.diff-line-number.deletion { background: var(--diff-delete-number); } |
|
|
330 |
.diff-code { width: calc(50% - 50px); padding: 0 10px; overflow: hidden; color: var(--text); background: var(--bg); vertical-align: top; white-space: pre; } |
|
|
331 |
.diff-code code { display: block; min-height: 20px; font: inherit; } |
|
|
332 |
.diff-code.addition { background: var(--diff-add); } |
|
|
333 |
.diff-code.deletion { background: var(--diff-delete); } |
|
|
334 |
.diff-code.empty { background: var(--diff-empty); } |
|
|
335 |
.diff-hunk td { padding: 4px 12px; color: var(--muted); background: var(--diff-hunk); border-top: 1px solid var(--border-muted); border-bottom: 1px solid var(--border-muted); } |
|
|
336 |
.diff-hunk:first-child td { border-top: 0; } |
|
|
337 |
.diff-hunk code { font: 12px ui-monospace, SFMono-Regular, Consolas, monospace; } |
|
|
338 |
.diff-file-notice, .diff-limit-notice { padding: 42px 20px; color: var(--muted); text-align: center; } |
|
|
339 |
.diff-truncated-notice { padding: 10px 14px; color: var(--muted); background: var(--canvas); border-top: 1px solid var(--border); font-size: 12px; text-align: center; } |
|
|
340 |
.diff-limit-notice { margin-top: 16px; border: 1px solid var(--border); border-radius: 7px; } |
|
|
341 |
.diff-limit-notice strong { color: var(--text); font-size: 16px; } |
|
|
342 |
.diff-limit-notice p { margin: 4px 0 0; } |
|
|
343 |
|
| 272 |
.dialog-backdrop { position: fixed; z-index: 100; inset: 0; display: grid; align-items: start; justify-items: center; padding: 12vh 20px 20px; background: var(--dialog-backdrop); } |
344 |
.dialog-backdrop { position: fixed; z-index: 100; inset: 0; display: grid; align-items: start; justify-items: center; padding: 12vh 20px 20px; background: var(--dialog-backdrop); } |
| 273 |
.file-dialog { width: min(680px, 100%); max-height: 70vh; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--bg); box-shadow: var(--dialog-shadow); } |
345 |
.file-dialog { width: min(680px, 100%); max-height: 70vh; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--bg); box-shadow: var(--dialog-shadow); } |
| 274 |
.file-dialog > header { min-height: 48px; padding: 8px 10px 8px 16px; display: flex; align-items: center; border-bottom: 1px solid var(--border-muted); } |
346 |
.file-dialog > header { min-height: 48px; padding: 8px 10px 8px 16px; display: flex; align-items: center; border-bottom: 1px solid var(--border-muted); } |
@@ -287,6 +359,8 @@ button, input { font: inherit; } |
| 287 |
.repo-grid { grid-template-columns: 1fr; } |
359 |
.repo-grid { grid-template-columns: 1fr; } |
| 288 |
.blob-layout { grid-template-columns: 1fr; } |
360 |
.blob-layout { grid-template-columns: 1fr; } |
| 289 |
.file-browser { display: none; } |
361 |
.file-browser { display: none; } |
|
|
362 |
.diff-layout { grid-template-columns: 1fr; } |
|
|
363 |
.diff-sidebar { position: static; } |
| 290 |
.sidebar { padding-top: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; } |
364 |
.sidebar { padding-top: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; } |
| 291 |
.about-section { grid-column: 1 / -1; } |
365 |
.about-section { grid-column: 1 / -1; } |
| 292 |
.commit-row { grid-template-columns: 32px minmax(0,1fr) auto; } |
366 |
.commit-row { grid-template-columns: 32px minmax(0,1fr) auto; } |
@@ -313,6 +387,14 @@ button, input { font: inherit; } |
| 313 |
.branch-popover, .clone-popover { position: fixed; top: 74px; left: 12px; right: 12px; width: auto; } |
387 |
.branch-popover, .clone-popover { position: fixed; top: 74px; left: 12px; right: 12px; width: auto; } |
| 314 |
.commit-list-row { grid-template-columns: 34px minmax(0,1fr); } |
388 |
.commit-list-row { grid-template-columns: 34px minmax(0,1fr); } |
| 315 |
.commit-sha { display: none; } |
389 |
.commit-sha { display: none; } |
|
|
390 |
.commit-summary-title { align-items: center; } |
|
|
391 |
.commit-page-heading h1 { font-size: 20px; } |
|
|
392 |
.commit-page-heading code { font-size: 17px; } |
|
|
393 |
.commit-summary-title > strong { line-height: 1.4; } |
|
|
394 |
.commit-copy [data-copy-label] { display: none; } |
|
|
395 |
.commit-identifiers code { word-break: break-all; } |
|
|
396 |
.diff-overview { flex-wrap: wrap; padding-bottom: 10px; } |
|
|
397 |
.diff-overview .muted { width: 100%; order: 3; } |
| 316 |
.dialog-backdrop { padding: 7vh 10px 10px; } |
398 |
.dialog-backdrop { padding: 7vh 10px 10px; } |
| 317 |
.file-dialog { max-height: 82vh; } |
399 |
.file-dialog { max-height: 82vh; } |
| 318 |
}` |
400 |
}` |