v0.3.0 9fdf386

40-summary.css RawHistoryFolder

1@layer components {
2  .lede { margin-top: var(--lh); max-width: var(--measure); }
3
4  /* key/value facts, aligned on a 12ch key column */
5  .facts {
6    margin-top: var(--lh); display: grid; grid-template-columns: repeat(auto-fill, minmax(38ch, 1fr)); column-gap: 3ch;
7    & > div { display: grid; grid-template-columns: 12ch 1fr; min-width: 0; }
8    & dt { color: var(--ink-mute); }
9    & dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
10  }
11
12  .tagged { color: var(--ink); font-weight: bold; white-space: nowrap; }
13  .list.commits .c-subject { overflow: hidden; text-overflow: ellipsis; }
14
15  /* markdown, rendered from the fixture */
16  .prose {
17    max-width: var(--measure); margin-top: var(--lh);
18    & h1, & h2, & h3, & h4 { margin: var(--lh) 0 0; }
19    & h1::before { content: "# "; color: var(--ink-mute); }
20    & h2::before { content: "## "; color: var(--ink-mute); }
21    & h3::before { content: "### "; color: var(--ink-mute); }
22    & h4::before { content: "#### "; color: var(--ink-mute); }
23    & > :first-child { margin-top: 0; }
24    & p, & ul, & ol, & pre, & table, & blockquote { margin-top: var(--lh); }
25    & ul { list-style: none; & > li::before { content: "- "; color: var(--ink-mute); margin-left: -2ch; } }
26    & ul, & ol { padding-left: 2ch; }
27    & ol { list-style: decimal; }
28    & li > ul, & li > ol, & li > p { margin-top: 0; }
29    & pre { padding: 0 1ch; border-left: 1px solid var(--ink-mute); overflow-x: auto; font-size: var(--fs-code); line-height: var(--lh-code); }
30    & :not(pre) > code { border-bottom: 1px dotted var(--ink-mute); overflow-wrap: anywhere; }
31    & blockquote { padding-left: 2ch; border-left: 1px solid var(--rule); color: var(--ink-dim); }
32    & table { border-collapse: collapse; display: block; overflow-x: auto; }
33    & th, & td { padding: 0 2ch 0 0; white-space: nowrap; vertical-align: top; }
34    & th { border-bottom: 1px solid var(--rule); }
35    & hr { margin: var(--lh) 0; }
36    & .alt { color: var(--ink-mute); }
37    & img { display: none; }
38  }
39}

Keyboard shortcuts

Single-key shortcuts are on. ctrl k and esc work whatever this says.

ctrl k :
go to a section, branch, tag, file or repository
?
this list
j k
move the row cursor down / up
enter
open the row under the cursor; on Files, a directory opens or closes in place
↑ ↓ ← → home end
in the file tree (focus on a row): previous / next row, close / open a directory or go to its parent / first entry, first / last row. They never open a file
l h
on Files: open a directory or a file / close a directory or go up to its parent, then to the parent page. Elsewhere: into the side panel (on a merge request, its files) / back to the content; there j k move between its controls
g g G
first / last row
/
filter the list; on Files, find a file anywhere in the repository (esc clears, enter opens the best match)
b
switch branch or tag
g s g f g c g b g m g i g r g a
tabs: summary, files, commits, branches & tags, merge requests, issues, releases, actions (when available)
g h
home
w
wide mode: use the whole width of the screen, or not (remembered)
y
copy a permalink pinned to the commit
d u x
diff: split / unified / collapse or expand all
e E
diff: the whole file in view / every file, with the lines the hunks hide
n
merge request: next note in the diff
esc
close a dialog, leave a field

Branches 4

Tags 45

↑↓ moveenter openesc close