| 6379 |
6379 |
|
========================================================================== */
|
| 6380 |
6380 |
|
|
| 6381 |
6381 |
|
.git-repo-header { margin-bottom: var(--gap-pane); }
|
| 6382 |
|
- |
.git-repo-name { font-size: var(--text-head); margin: 0 0 var(--gap-bound); }
|
| 6383 |
|
- |
.git-repo-name a { color: var(--content); text-decoration: none; }
|
| 6384 |
|
- |
.git-repo-name a:hover { opacity: 0.6; }
|
|
6382 |
+ |
/* The identity line, templated (`.git-repo-name`) and described
|
|
6383 |
+ |
(`#git-repo-name`). The separator is punctuation the reader never presses,
|
|
6384 |
+ |
so a described one is drawn here rather than said in the description. */
|
|
6385 |
+ |
.git-repo-name,
|
|
6386 |
+ |
#git-repo-name { font-size: var(--text-head); margin: 0 0 var(--gap-bound); }
|
|
6387 |
+ |
.git-repo-name a,
|
|
6388 |
+ |
#git-repo-name a { color: var(--content); text-decoration: none; }
|
|
6389 |
+ |
.git-repo-name a:hover,
|
|
6390 |
+ |
#git-repo-name a:hover { opacity: 0.6; }
|
| 6385 |
6391 |
|
.git-repo-name .sep { opacity: 0.3; margin: 0 var(--gap-bound); }
|
|
6392 |
+ |
#git-repo-name .run { gap: 0; }
|
|
6393 |
+ |
#git-repo-name .link + .link::before {
|
|
6394 |
+ |
content: "/";
|
|
6395 |
+ |
opacity: 0.3;
|
|
6396 |
+ |
margin: 0 var(--gap-bound);
|
|
6397 |
+ |
}
|
| 6386 |
6398 |
|
.git-repo-desc { opacity: 0.6; margin: 0 0 var(--gap-section); font-size: var(--text-note); }
|
| 6387 |
6399 |
|
.git-clone-url {
|
| 6388 |
6400 |
|
font-family: var(--font-mono);
|
| 6438 |
6450 |
|
#git-nav .row-current .row-activate { opacity: 1; }
|
| 6439 |
6451 |
|
|
| 6440 |
6452 |
|
/* Breadcrumb navigation */
|
| 6441 |
|
- |
.git-breadcrumb {
|
|
6453 |
+ |
.git-breadcrumb,
|
|
6454 |
+ |
#git-breadcrumb {
|
| 6442 |
6455 |
|
font-family: var(--font-mono);
|
| 6443 |
6456 |
|
font-size: var(--text-note);
|
| 6444 |
6457 |
|
margin-bottom: var(--gap-section);
|
| 6445 |
6458 |
|
}
|
| 6446 |
|
- |
.git-breadcrumb a { color: var(--content); text-decoration: none; }
|
| 6447 |
|
- |
.git-breadcrumb a:hover { text-decoration: underline; }
|
|
6459 |
+ |
.git-breadcrumb a,
|
|
6460 |
+ |
#git-breadcrumb a { color: var(--content); text-decoration: none; }
|
|
6461 |
+ |
.git-breadcrumb a:hover,
|
|
6462 |
+ |
#git-breadcrumb a:hover { text-decoration: underline; }
|
| 6448 |
6463 |
|
.git-breadcrumb .sep { opacity: 0.3; margin: 0 var(--gap-bound); }
|
|
6464 |
+ |
/* The trail's separators, for `#git-repo-name`'s reason. `.text` is the last
|
|
6465 |
+ |
crumb, which is the thing itself and goes nowhere. */
|
|
6466 |
+ |
#git-breadcrumb .run { gap: 0; }
|
|
6467 |
+ |
#git-breadcrumb .run > * + *::before,
|
|
6468 |
+ |
#git-breadcrumb .run > * + * > .text::before {
|
|
6469 |
+ |
content: "/";
|
|
6470 |
+ |
opacity: 0.3;
|
|
6471 |
+ |
margin: 0 var(--gap-bound);
|
|
6472 |
+ |
}
|
|
6473 |
+ |
#git-breadcrumb .text { display: inline; margin: 0; }
|
| 6449 |
6474 |
|
|
| 6450 |
6475 |
|
/* File tree table */
|
| 6451 |
6476 |
|
.git-tree { width: 100%; border-collapse: collapse; font-size: var(--text-note); }
|
| 6471 |
6496 |
|
font-family: var(--font-mono);
|
| 6472 |
6497 |
|
font-size: var(--text-fine);
|
| 6473 |
6498 |
|
}
|
|
6499 |
+ |
/* The same listing, described (`crate::quasi::git_browse`). `.git-tree` stays
|
|
6500 |
+ |
because `repo.html` still writes it; the `col-` classes are the renderer's,
|
|
6501 |
+ |
taken from the column names. The icon column is gone on purpose: it was one
|
|
6502 |
+ |
character wide and said what the trailing slash on a directory's name
|
|
6503 |
+ |
already said. */
|
|
6504 |
+ |
#git-browse .table { font-size: var(--text-note); }
|
|
6505 |
+ |
#git-browse .col-Name .cell-link { font-family: var(--font-mono); }
|
|
6506 |
+ |
#git-browse .col-Size {
|
|
6507 |
+ |
text-align: right;
|
|
6508 |
+ |
opacity: 0.5;
|
|
6509 |
+ |
font-family: var(--font-mono);
|
|
6510 |
+ |
font-size: var(--text-fine);
|
|
6511 |
+ |
}
|
| 6474 |
6512 |
|
|
| 6475 |
6513 |
|
/* README rendering */
|
| 6476 |
6514 |
|
.git-readme { margin-top: var(--gap-page); padding-top: var(--gap-pane); border-top: 1px solid var(--border); }
|
| 6499 |
6537 |
|
.git-readme-body th,
|
| 6500 |
6538 |
|
.git-readme-body td { border: 1px solid var(--border); padding: var(--gap-peer) var(--gap-group); }
|
| 6501 |
6539 |
|
|
| 6502 |
|
- |
/* File viewer */
|
| 6503 |
|
- |
.git-file-header {
|
| 6504 |
|
- |
display: flex;
|
| 6505 |
|
- |
justify-content: space-between;
|
| 6506 |
|
- |
align-items: center;
|
|
6540 |
+ |
/* The strip over a file: how big it is, and the other ways to read it.
|
|
6541 |
+ |
Described (`crate::quasi::git_browse`, `crate::quasi::git_blame`). */
|
|
6542 |
+ |
#git-file-header {
|
| 6507 |
6543 |
|
padding: var(--gap-peer) var(--gap-group);
|
| 6508 |
6544 |
|
background: var(--surface-overlay);
|
| 6509 |
6545 |
|
border: 1px solid var(--border);
|
| 6511 |
6547 |
|
border-radius: var(--radius-control) var(--radius-control) 0 0;
|
| 6512 |
6548 |
|
font-size: var(--text-fine);
|
| 6513 |
6549 |
|
}
|
| 6514 |
|
- |
.git-file-meta {
|
| 6515 |
|
- |
font-family: var(--font-mono);
|
| 6516 |
|
- |
opacity: 0.6;
|
| 6517 |
|
- |
}
|
| 6518 |
|
- |
.git-file-actions a {
|
| 6519 |
|
- |
font-family: var(--font-mono);
|
| 6520 |
|
- |
text-decoration: none;
|
| 6521 |
|
- |
color: var(--content);
|
| 6522 |
|
- |
opacity: 0.6;
|
| 6523 |
|
- |
font-size: var(--text-fine);
|
| 6524 |
|
- |
}
|
| 6525 |
|
- |
.git-file-actions a:hover { opacity: 1; }
|
| 6526 |
|
- |
.git-file-content {
|
| 6527 |
|
- |
border: 1px solid var(--border);
|
| 6528 |
|
- |
border-radius: 0 0 var(--radius-control) var(--radius-control);
|
| 6529 |
|
- |
overflow-x: auto;
|
| 6530 |
|
- |
}
|
| 6531 |
|
- |
.git-file-content table { border-collapse: collapse; width: 100%; }
|
| 6532 |
|
- |
.git-file-content .line-number {
|
|
6550 |
+ |
/* The described strip is a run, which lays out across already; what the app
|
|
6551 |
+ |
still says is that the count and the links go to opposite ends. */
|
|
6552 |
+ |
#git-file-header .run { justify-content: space-between; }
|
|
6553 |
+ |
#git-file-header .text { margin: 0; font-family: var(--font-mono); opacity: 0.6; }
|
|
6554 |
+ |
/* The design system's link colour and underline stand; what the strip adds is
|
|
6555 |
+ |
that these read as file actions rather than as prose links. */
|
|
6556 |
+ |
#git-file-header .link { font-family: var(--font-mono); opacity: 0.6; }
|
|
6557 |
+ |
#git-file-header .link:hover { opacity: 1; }
|
|
6558 |
+ |
/* The file view, described (`crate::quasi::git_browse`): a table of one row per
|
|
6559 |
+ |
line, under the strip that names the file. The `col-` classes are the
|
|
6560 |
+ |
renderer's. */
|
|
6561 |
+ |
#git-browse .col-Line {
|
| 6533 |
6562 |
|
width: 1px;
|
| 6534 |
6563 |
|
white-space: nowrap;
|
| 6535 |
|
- |
padding: 0 var(--gap-section);
|
| 6536 |
6564 |
|
text-align: right;
|
| 6537 |
6565 |
|
user-select: none;
|
| 6538 |
6566 |
|
opacity: 0.3;
|
| 6539 |
6567 |
|
font-family: var(--font-mono);
|
| 6540 |
6568 |
|
font-size: var(--text-fine);
|
| 6541 |
6569 |
|
border-right: 1px solid var(--border);
|
| 6542 |
|
- |
vertical-align: top;
|
| 6543 |
6570 |
|
}
|
| 6544 |
|
- |
.git-file-content .line-code {
|
| 6545 |
|
- |
padding: 0 var(--gap-section);
|
|
6571 |
+ |
#git-browse .col-Line .cell-link { color: inherit; display: block; }
|
|
6572 |
+ |
#git-browse .col-Line .cell-link:hover { opacity: 0.7; }
|
|
6573 |
+ |
#git-browse .col-Code {
|
| 6546 |
6574 |
|
white-space: pre;
|
| 6547 |
6575 |
|
font-family: var(--font-mono);
|
| 6548 |
6576 |
|
font-size: var(--text-fine);
|
| 6549 |
6577 |
|
line-height: 1.5;
|
| 6550 |
6578 |
|
}
|
| 6551 |
|
- |
.git-file-content .line-code span {
|
| 6552 |
|
- |
font-family: var(--font-mono);
|
|
6579 |
+ |
/* The line the address names. `data-value` rather than `:target`, since a row
|
|
6580 |
+ |
identity is not an element id: `page-git-file.js` sets this. */
|
|
6581 |
+ |
#git-browse .table-row.is-line { background: var(--highlight-faint); }
|
|
6582 |
+ |
/* The strip and the table are one box: the strip rounds its top corners and
|
|
6583 |
+ |
the table under it rounds the bottom two. Only the file view has a strip,
|
|
6584 |
+ |
which is why this is a sibling rule and not one on the table. */
|
|
6585 |
+ |
#git-file-header ~ .table {
|
|
6586 |
+ |
border: 1px solid var(--border);
|
|
6587 |
+ |
border-radius: 0 0 var(--radius-control) var(--radius-control);
|
|
6588 |
+ |
overflow-x: auto;
|
| 6553 |
6589 |
|
}
|
| 6554 |
|
- |
.git-binary-notice {
|
|
6590 |
+ |
#git-binary-notice {
|
| 6555 |
6591 |
|
padding: var(--gap-page);
|
| 6556 |
6592 |
|
text-align: center;
|
| 6557 |
6593 |
|
opacity: 0.5;
|
| 6560 |
6596 |
|
border: 1px solid var(--border);
|
| 6561 |
6597 |
|
border-radius: 0 0 var(--radius-control) var(--radius-control);
|
| 6562 |
6598 |
|
}
|
|
6599 |
+ |
#git-binary-notice .run { justify-content: center; }
|
|
6600 |
+ |
#git-binary-notice .text { margin: 0; }
|
| 6563 |
6601 |
|
|
| 6564 |
6602 |
|
/* Syntax highlighting.
|
| 6565 |
6603 |
|
The class names are quasi-webview's, from `makeover_layout::Syntax::name`,
|
| 6640 |
6678 |
|
.git-release-version .version-meta { opacity: 0.5; }
|
| 6641 |
6679 |
|
|
| 6642 |
6680 |
|
/* Git commit detail + diff */
|
| 6643 |
|
- |
.git-commit-detail { margin-bottom: var(--gap-pane); }
|
| 6644 |
|
- |
.git-commit-full-message {
|
|
6681 |
+ |
/* The commit page, described (`crate::quasi::git_commit`). */
|
|
6682 |
+ |
#git-commit-detail { margin-bottom: var(--gap-pane); }
|
|
6683 |
+ |
/* The message, as it was written: a commit message's line breaks are the
|
|
6684 |
+ |
author's and wrapping them away loses the shape of the thing. */
|
|
6685 |
+ |
#git-commit-detail > .text {
|
| 6645 |
6686 |
|
font-family: var(--font-mono);
|
| 6646 |
6687 |
|
font-size: var(--text-note);
|
| 6647 |
6688 |
|
white-space: pre-wrap;
|
| 6651 |
6692 |
|
border: 1px solid var(--border);
|
| 6652 |
6693 |
|
margin-bottom: var(--gap-section);
|
| 6653 |
6694 |
|
}
|
| 6654 |
|
- |
.git-commit-detail-meta { font-size: var(--text-note); opacity: 0.7; line-height: 1.8; }
|
| 6655 |
|
- |
.git-commit-detail-meta .git-commit-oid { font-family: var(--font-mono); font-size: var(--text-fine); word-break: break-all; }
|
| 6656 |
|
- |
.git-commit-parents a { font-family: var(--font-mono); color: var(--content); text-decoration: none; }
|
| 6657 |
|
- |
.git-commit-parents a:hover { text-decoration: underline; }
|
| 6658 |
|
- |
/* Commit trailers, lifted out of the message body and shown as what they are */
|
| 6659 |
|
- |
.git-commit-trailers {
|
|
6695 |
+ |
/* Trailers, lifted out of the message body and shown as what they are. Rows
|
|
6696 |
+ |
here rather than a `dl`: the description says a list of pairs and the grid is
|
|
6697 |
+ |
this sheet's reading of it. */
|
|
6698 |
+ |
#git-commit-detail > .list { font-size: var(--text-note); margin-bottom: var(--gap-section); }
|
|
6699 |
+ |
#git-commit-detail > .list .row {
|
| 6660 |
6700 |
|
display: grid;
|
| 6661 |
6701 |
|
grid-template-columns: max-content 1fr;
|
| 6662 |
6702 |
|
gap: var(--gap-bound) var(--gap-section);
|
| 6663 |
|
- |
font-size: var(--text-note);
|
| 6664 |
|
- |
margin-bottom: var(--gap-section);
|
| 6665 |
6703 |
|
}
|
| 6666 |
|
- |
.git-commit-trailers dt { opacity: 0.6; }
|
| 6667 |
|
- |
.git-commit-trailers dd { margin: 0; font-family: var(--font-mono); font-size: var(--text-fine); }
|
|
6704 |
+ |
#git-commit-detail > .list .row-primary { opacity: 0.6; }
|
|
6705 |
+ |
#git-commit-detail > .list .row-meta { font-family: var(--font-mono); font-size: var(--text-fine); }
|
|
6706 |
+ |
#git-commit-detail-meta { font-size: var(--text-note); opacity: 0.7; line-height: 1.8; }
|
|
6707 |
+ |
#git-commit-detail-meta .text { margin: 0; }
|
|
6708 |
+ |
#git-commit-oid .code { font-size: var(--text-fine); word-break: break-all; }
|
|
6709 |
+ |
#git-commit-parents .link { font-family: var(--font-mono); }
|
| 6668 |
6710 |
|
/* Tags, with the annotation an annotated tag carries */
|
| 6669 |
6711 |
|
.git-tag-list { list-style: none; }
|
| 6670 |
6712 |
|
.git-tag { padding: var(--gap-section) 0; border-bottom: 1px solid var(--border); }
|
| 6794 |
6836 |
|
.git-note-body > :first-child { margin-top: 0; }
|
| 6795 |
6837 |
|
.git-note-body > :last-child { margin-bottom: 0; }
|
| 6796 |
6838 |
|
/* Writing a note. Only rendered for a reader who can push. */
|
| 6797 |
|
- |
.git-notes-edit {
|
|
6839 |
+ |
/* The write halves and the reader's own annotations, described. `#annotation`
|
|
6840 |
+ |
is the reader's own note on this commit, which lives in their annotation
|
|
6841 |
+ |
repository rather than in the one being browsed; `#annotations` is the
|
|
6842 |
+ |
read-only panel above it. */
|
|
6843 |
+ |
#git-notes-edit,
|
|
6844 |
+ |
#annotation,
|
|
6845 |
+ |
#annotations {
|
| 6798 |
6846 |
|
border-top: 1px solid var(--border);
|
| 6799 |
6847 |
|
padding-top: var(--gap-section);
|
| 6800 |
6848 |
|
margin-bottom: var(--gap-pane);
|
| 6801 |
6849 |
|
}
|
| 6802 |
|
- |
.git-notes-edit textarea { width: 100%; font-family: var(--font-mono); font-size: var(--text-note); }
|
| 6803 |
|
- |
.git-note-form { margin-bottom: var(--gap-section); }
|
| 6804 |
|
- |
.git-note-delete { margin-bottom: var(--gap-pane); }
|
| 6805 |
|
- |
.git-note-merged {
|
|
6850 |
+ |
#git-notes-edit textarea,
|
|
6851 |
+ |
#annotation textarea { font-family: var(--font-mono); font-size: var(--text-note); }
|
|
6852 |
+ |
#git-notes-edit .form { margin-bottom: var(--gap-section); }
|
|
6853 |
+ |
#git-notes-edit .button { margin-bottom: var(--gap-pane); }
|
|
6854 |
+ |
#annotations .heading { font-size: var(--text-note); margin: 0 0 var(--gap-peer); }
|
|
6855 |
+ |
#annotations > .text { font-size: var(--text-note); color: var(--content-muted); }
|
|
6856 |
+ |
/* A merge notice: what is on screen is not exactly what was typed. */
|
|
6857 |
+ |
#git-notes-edit > .text[data-tone="warning"],
|
|
6858 |
+ |
#annotation > .text[data-tone="warning"] {
|
| 6806 |
6859 |
|
border-left: 2px solid var(--content);
|
| 6807 |
6860 |
|
padding: var(--gap-peer) var(--gap-section);
|
| 6808 |
6861 |
|
margin-bottom: var(--gap-section);
|
| 6809 |
6862 |
|
font-size: var(--text-note);
|
| 6810 |
6863 |
|
}
|
| 6811 |
|
- |
/* A reader's own annotation, which lives in their repository rather than this one. */
|
| 6812 |
|
- |
.git-annotation {
|
| 6813 |
|
- |
border-top: 1px solid var(--border);
|
| 6814 |
|
- |
padding-top: var(--gap-section);
|
| 6815 |
|
- |
margin-bottom: var(--gap-pane);
|
| 6816 |
|
- |
}
|
| 6817 |
|
- |
.git-annotation textarea { width: 100%; font-family: var(--font-mono); font-size: var(--text-note); }
|
| 6818 |
|
- |
.git-annotations {
|
| 6819 |
|
- |
border-top: 1px solid var(--border);
|
| 6820 |
|
- |
padding-top: var(--gap-section);
|
| 6821 |
|
- |
margin-bottom: var(--gap-pane);
|
| 6822 |
|
- |
}
|
| 6823 |
|
- |
.git-annotations-heading { font-size: var(--text-note); margin: 0 0 var(--gap-peer); }
|
| 6824 |
6864 |
|
.git-annotations-privacy,
|
| 6825 |
6865 |
|
.git-annotations-empty,
|
| 6826 |
6866 |
|
.git-annotations-count { font-size: var(--text-note); color: var(--content-muted); }
|
| 6842 |
6882 |
|
.git-annotation-namespace,
|
| 6843 |
6883 |
|
.git-annotation-when { font-family: var(--font-mono); color: var(--content-muted); }
|
| 6844 |
6884 |
|
.git-annotation-orphan { font-size: var(--text-note); color: var(--content-muted); }
|
| 6845 |
|
- |
.git-diff-stats {
|
|
6885 |
+ |
/* The diff, described (`crate::quasi::git_commit`). `19d7602d`: a row says
|
|
6886 |
+ |
which side it is on through `data-change`, and the sign is drawn here rather
|
|
6887 |
+ |
than written into the content, so a terminal can spell it its own way. */
|
|
6888 |
+ |
#git-diff-stats {
|
| 6846 |
6889 |
|
font-size: var(--text-note);
|
| 6847 |
6890 |
|
padding: var(--gap-section) 0;
|
| 6848 |
6891 |
|
margin-bottom: var(--gap-section);
|
| 6849 |
6892 |
|
border-bottom: 1px solid var(--border);
|
| 6850 |
6893 |
|
}
|
| 6851 |
|
- |
.git-diff-stats .additions { color: var(--diff-add); }
|
| 6852 |
|
- |
.git-diff-stats .deletions { color: var(--diff-del); }
|
| 6853 |
|
- |
.git-diff-file { margin-bottom: var(--gap-pane); border: 1px solid var(--border); }
|
| 6854 |
|
- |
.git-diff-file-header {
|
| 6855 |
|
- |
display: flex;
|
| 6856 |
|
- |
align-items: center;
|
| 6857 |
|
- |
gap: var(--gap-peer);
|
|
6894 |
+ |
#git-diff-stats .text { margin: 0; }
|
|
6895 |
+ |
#git-diff-stats .text[data-tone="success"] { color: var(--diff-add); }
|
|
6896 |
+ |
#git-diff-stats .text[data-tone="danger"] { color: var(--diff-del); }
|
|
6897 |
+ |
#git-commit [id^="diff-"] { margin-bottom: var(--gap-pane); border: 1px solid var(--border); }
|
|
6898 |
+ |
#git-commit [id^="diff-header-"] {
|
| 6858 |
6899 |
|
padding: var(--gap-peer) var(--gap-section);
|
| 6859 |
6900 |
|
background: var(--surface-overlay);
|
| 6860 |
6901 |
|
border-bottom: 1px solid var(--border);
|
|
6902 |
+ |
border-radius: 0;
|
| 6861 |
6903 |
|
font-size: var(--text-note);
|
| 6862 |
|
- |
flex-wrap: wrap;
|
| 6863 |
6904 |
|
}
|
| 6864 |
|
- |
.git-diff-file-header a { color: var(--content); text-decoration: none; }
|
| 6865 |
|
- |
.git-diff-file-header a:hover { text-decoration: underline; }
|
| 6866 |
|
- |
.git-diff-file-stats { margin-left: auto; font-size: var(--text-fine); }
|
| 6867 |
|
- |
.git-diff-file-stats .additions { color: var(--diff-add); }
|
| 6868 |
|
- |
.git-diff-file-stats .deletions { color: var(--diff-del); margin-left: var(--gap-bound); }
|
| 6869 |
|
- |
.diff-status-added, .diff-status-deleted, .diff-status-modified, .diff-status-renamed {
|
| 6870 |
|
- |
display: inline-block;
|
| 6871 |
|
- |
width: 1.2rem;
|
| 6872 |
|
- |
text-align: center;
|
| 6873 |
|
- |
font-size: var(--text-fine);
|
| 6874 |
|
- |
font-weight: 700;
|
| 6875 |
|
- |
font-family: var(--font-mono);
|
| 6876 |
|
- |
border-radius: var(--radius-fine);
|
| 6877 |
|
- |
line-height: 1.4;
|
| 6878 |
|
- |
}
|
| 6879 |
|
- |
.diff-status-added { background: color-mix(in oklch, var(--success) 14%, var(--surface-page)); color: var(--success); }
|
| 6880 |
|
- |
.diff-status-deleted { background: color-mix(in oklch, var(--danger) 14%, var(--surface-page)); color: var(--danger); }
|
| 6881 |
|
- |
.diff-status-modified { background: color-mix(in oklch, var(--warning) 14%, var(--surface-page)); color: var(--warning); }
|
| 6882 |
|
- |
.diff-status-renamed { background: color-mix(in oklch, var(--info) 14%, var(--surface-page)); color: var(--info); }
|
| 6883 |
|
- |
.git-diff-table {
|
| 6884 |
|
- |
width: 100%;
|
| 6885 |
|
- |
border-collapse: collapse;
|
|
6905 |
+ |
/* The counts sit at the far end, as `.git-diff-file-stats` did with its auto
|
|
6906 |
+ |
margin. */
|
|
6907 |
+ |
#git-commit [id^="diff-header-"] .link + .cell-drops-next { margin-left: auto; }
|
|
6908 |
+ |
#git-commit [id^="diff-header-"] .text { margin: 0; font-size: var(--text-fine); }
|
|
6909 |
+ |
#git-commit [id^="diff-header-"] .text[data-tone="success"] { color: var(--diff-add); }
|
|
6910 |
+ |
#git-commit [id^="diff-header-"] .text[data-tone="danger"] { color: var(--diff-del); }
|
|
6911 |
+ |
#git-commit [id^="diff-"] .table {
|
| 6886 |
6912 |
|
font-family: var(--font-mono);
|
| 6887 |
6913 |
|
font-size: var(--text-fine);
|
| 6888 |
|
- |
table-layout: fixed;
|
|
6914 |
+ |
border: 0;
|
| 6889 |
6915 |
|
}
|
| 6890 |
|
- |
.git-diff-hunk-header td {
|
| 6891 |
|
- |
padding: var(--gap-bound) var(--gap-peer);
|
| 6892 |
|
- |
background: var(--highlight-faint);
|
| 6893 |
|
- |
color: var(--content);
|
| 6894 |
|
- |
opacity: 0.6;
|
| 6895 |
|
- |
font-size: var(--text-fine);
|
| 6896 |
|
- |
}
|
| 6897 |
|
- |
.git-diff-lineno {
|
| 6898 |
|
- |
width: 3.5rem;
|
| 6899 |
|
- |
padding: 0 var(--gap-peer);
|
|
6916 |
+ |
#git-commit [id^="diff-"] .col-Old,
|
|
6917 |
+ |
#git-commit [id^="diff-"] .col-New {
|
| 6900 |
6918 |
|
text-align: right;
|
| 6901 |
|
- |
color: var(--content);
|
| 6902 |
6919 |
|
opacity: 0.35;
|
| 6903 |
6920 |
|
user-select: none;
|
| 6904 |
|
- |
vertical-align: top;
|
| 6905 |
6921 |
|
}
|
| 6906 |
|
- |
.git-diff-origin {
|
| 6907 |
|
- |
width: 1rem;
|
| 6908 |
|
- |
text-align: center;
|
|
6922 |
+ |
#git-commit [id^="diff-"] .col-Line { white-space: pre-wrap; word-break: break-all; }
|
|
6923 |
+ |
/* The hunk header: the one row of the table that is on neither side. */
|
|
6924 |
+ |
#git-commit [id^="diff-"] .table-row:not([data-change]) .col-Line {
|
|
6925 |
+ |
background: var(--highlight-faint);
|
|
6926 |
+ |
opacity: 0.6;
|
|
6927 |
+ |
}
|
|
6928 |
+ |
#git-commit [id^="diff-"] .table-row[data-change="added"] { background: var(--diff-add-bg); }
|
|
6929 |
+ |
#git-commit [id^="diff-"] .table-row[data-change="removed"] { background: var(--diff-del-bg); }
|
|
6930 |
+ |
/* The sign, drawn rather than said. `::before` on the line cell, so it lands in
|
|
6931 |
+ |
the gutter the origin column used to be. */
|
|
6932 |
+ |
#git-commit [id^="diff-"] .table-row[data-change] .col-Line::before {
|
|
6933 |
+ |
display: inline-block;
|
|
6934 |
+ |
width: 1ch;
|
|
6935 |
+ |
margin-right: var(--gap-bound);
|
| 6909 |
6936 |
|
user-select: none;
|
| 6910 |
|
- |
vertical-align: top;
|
| 6911 |
6937 |
|
}
|
| 6912 |
|
- |
.git-diff-content {
|
| 6913 |
|
- |
padding: 0 var(--gap-peer);
|
| 6914 |
|
- |
white-space: pre-wrap;
|
| 6915 |
|
- |
word-break: break-all;
|
|
6938 |
+ |
#git-commit [id^="diff-"] .table-row[data-change="added"] .col-Line::before {
|
|
6939 |
+ |
content: "+";
|
|
6940 |
+ |
color: var(--diff-add);
|
| 6916 |
6941 |
|
}
|
| 6917 |
|
- |
.git-diff-line-add { background: var(--diff-add-bg); }
|
| 6918 |
|
- |
.git-diff-line-add .git-diff-origin { color: var(--diff-add); }
|
| 6919 |
|
- |
.git-diff-line-del { background: var(--diff-del-bg); }
|
| 6920 |
|
- |
.git-diff-line-del .git-diff-origin { color: var(--diff-del); }
|
| 6921 |
|
- |
.git-diff-line-ctx { background: transparent; }
|
| 6922 |
|
- |
.git-diff-truncated { padding: var(--gap-peer) var(--gap-section); font-size: var(--text-fine); opacity: 0.5; font-style: italic; }
|
| 6923 |
|
- |
|
| 6924 |
|
- |
/* Git file view line linking */
|
| 6925 |
|
- |
.git-file-content .line-number a {
|
| 6926 |
|
- |
color: inherit;
|
| 6927 |
|
- |
text-decoration: none;
|
| 6928 |
|
- |
display: block;
|
|
6942 |
+ |
#git-commit [id^="diff-"] .table-row[data-change="removed"] .col-Line::before {
|
|
6943 |
+ |
content: "-";
|
|
6944 |
+ |
color: var(--diff-del);
|
| 6929 |
6945 |
|
}
|
| 6930 |
|
- |
.git-file-content .line-number a:hover { opacity: 0.7; }
|
| 6931 |
|
- |
.git-file-content tr:target td,
|
| 6932 |
|
- |
.git-file-content tr.highlighted td { background: var(--highlight-faint); }
|
|
6946 |
+ |
#git-commit [id^="diff-"] .table-row[data-change="context"] .col-Line::before { content: " "; }
|
| 6933 |
6947 |
|
|
| 6934 |
6948 |
|
/* Git blame view */
|
| 6935 |
|
- |
.git-blame-content { overflow-x: auto; border: 1px solid var(--border); }
|
| 6936 |
|
- |
.git-blame-content table { border-collapse: collapse; width: 100%; font-size: var(--text-fine); }
|
| 6937 |
|
- |
.git-blame-info {
|
| 6938 |
|
- |
padding: 0 var(--gap-peer);
|
| 6939 |
|
- |
font-family: var(--font-mono);
|
| 6940 |
|
- |
white-space: nowrap;
|
| 6941 |
|
- |
width: 4.5rem;
|
| 6942 |
|
- |
}
|
| 6943 |
|
- |
.git-blame-info a { color: var(--content); text-decoration: none; }
|
| 6944 |
|
- |
.git-blame-info a:hover { text-decoration: underline; }
|
| 6945 |
|
- |
.git-blame-author {
|
| 6946 |
|
- |
padding: 0 var(--gap-bound);
|
|
6949 |
+ |
/* Git blame view, described (`crate::quasi::git_blame`). The `col-` classes are
|
|
6950 |
+ |
the renderer's, taken from the column names the description gives. */
|
|
6951 |
+ |
#git-blame .table {
|
|
6952 |
+ |
border: 1px solid var(--border);
|
|
6953 |
+ |
border-radius: 0 0 var(--radius-control) var(--radius-control);
|
| 6947 |
6954 |
|
font-size: var(--text-fine);
|
| 6948 |
|
- |
opacity: 0.5;
|
| 6949 |
|
- |
white-space: nowrap;
|
| 6950 |
|
- |
max-width: 8rem;
|
| 6951 |
|
- |
overflow: hidden;
|
| 6952 |
|
- |
text-overflow: ellipsis;
|
| 6953 |
6955 |
|
}
|
| 6954 |
|
- |
.git-blame-date {
|
| 6955 |
|
- |
padding: 0 var(--gap-bound);
|
| 6956 |
|
- |
font-size: var(--text-fine);
|
| 6957 |
|
- |
opacity: 0.35;
|
| 6958 |
|
- |
white-space: nowrap;
|
| 6959 |
|
- |
width: 5.5rem;
|
| 6960 |
|
- |
}
|
| 6961 |
|
- |
.git-blame-content .line-number {
|
| 6962 |
|
- |
padding: 0 var(--gap-peer);
|
| 6963 |
|
- |
text-align: right;
|
| 6964 |
|
- |
opacity: 0.35;
|
| 6965 |
|
- |
user-select: none;
|
| 6966 |
|
- |
width: 3rem;
|
| 6967 |
|
- |
font-family: var(--font-mono);
|
| 6968 |
|
- |
}
|
| 6969 |
|
- |
.git-blame-content .line-code {
|
| 6970 |
|
- |
padding: 0 var(--gap-peer);
|
| 6971 |
|
- |
white-space: pre;
|
| 6972 |
|
- |
font-family: var(--font-mono);
|
| 6973 |
|
- |
}
|
| 6974 |
|
- |
.git-blame-boundary td { border-top: 1px solid var(--border); }
|
|
6956 |
+ |
#git-blame .cell { font-family: var(--font-mono); }
|
|
6957 |
+ |
#git-blame .cell-link { color: var(--content); text-decoration: none; }
|
|
6958 |
+ |
#git-blame .cell-link:hover { text-decoration: underline; }
|
|
6959 |
+ |
#git-blame .col-Author { opacity: 0.5; }
|
|
6960 |
+ |
#git-blame .col-Date { opacity: 0.35; }
|
|
6961 |
+ |
#git-blame .col-Line { text-align: right; opacity: 0.35; user-select: none; }
|
|
6962 |
+ |
#git-blame .col-Code { white-space: pre; }
|
| 6975 |
6963 |
|
|
| 6976 |
6964 |
|
/* The two repository listings, /git and /git/{owner}, moved to the description
|
| 6977 |
6965 |
|
layer. Both were a <ul> of two-line entries with a visibility chip; both are
|
| 7002 |
6990 |
|
@media (max-width: 839px) {
|
| 7003 |
6991 |
|
/* Git browser mobile */
|
| 7004 |
6992 |
|
#git-nav .run { gap: var(--gap-peer); }
|
| 7005 |
|
- |
.git-repo-name { font-size: var(--text-subhead); }
|
|
6993 |
+ |
.git-repo-name,
|
|
6994 |
+ |
#git-repo-name { font-size: var(--text-subhead); }
|
| 7006 |
6995 |
|
.git-clone-url { font-size: var(--text-fine); word-break: break-all; }
|
| 7007 |
6996 |
|
.git-tree .icon { display: none; }
|
| 7008 |
6997 |
|
.git-tree td, .git-tree th { padding: var(--gap-bound) var(--gap-peer); }
|
| 7009 |
|
- |
.git-file-header { flex-direction: column; align-items: flex-start; gap: var(--gap-bound); }
|
| 7010 |
|
- |
.git-file-content .line-number { padding: 0 var(--gap-peer); }
|
| 7011 |
|
- |
.git-file-content .line-code { padding: 0 var(--gap-peer); font-size: var(--text-fine); }
|
|
6998 |
+ |
#git-file-header .run { justify-content: flex-start; gap: var(--gap-bound); }
|
|
6999 |
+ |
#git-browse .col-Code { font-size: var(--text-fine); }
|
| 7012 |
7000 |
|
.git-commit-meta { flex-direction: column; gap: var(--gap-bound); }
|
| 7013 |
7001 |
|
.git-release-version { flex-wrap: wrap; gap: var(--gap-peer); }
|
| 7014 |
|
- |
.git-diff-file-header { font-size: var(--text-fine); }
|
| 7015 |
|
- |
.git-diff-table { font-size: var(--text-fine); }
|
| 7016 |
|
- |
.git-diff-lineno { width: 2.5rem; font-size: var(--text-fine); }
|
|
7002 |
+ |
#git-commit [id^="diff-header-"] { font-size: var(--text-fine); }
|
| 7017 |
7003 |
|
.git-blame-author { display: none; }
|
| 7018 |
7004 |
|
.git-blame-date { display: none; }
|
| 7019 |
7005 |
|
|