detached 59d5a0b

55-diff.css RawHistoryFolder

1@layer components {
2  /* an invisible character in code, shown instead of applied (Trojan Source) */
3  .inv {
4    color: var(--red); font-weight: bold; font-size: var(--fs-s);
5    outline: 1px solid var(--red); outline-offset: -1px; padding: 0 2px;
6  }
7  .eol { color: var(--ink-mute); padding-left: 1ch; user-select: none; }
8}
9
10@layer components {
11  .sel { outline: 1px solid var(--ink-dim); outline-offset: -1px; }
12
13  /* a range of selected diff lines (shift + click) is one block: one border
14     around the run, none between its lines. Each edge is an inset shadow of
15     the cells; the top one only on the first line of the run, the bottom one
16     only on the last. In split, each side is a block of its own. */
17  .dt {
18    --sel-edge: var(--ink-dim);
19    & .sel { outline: none; }
20    & tr.sel > td, & td.sel {
21      box-shadow: var(--sel-l, 0 0 transparent), var(--sel-r, 0 0 transparent), var(--sel-t, 0 0 transparent), var(--sel-b, 0 0 transparent);
22      --sel-t: inset 0 1px var(--sel-edge); --sel-b: inset 0 -1px var(--sel-edge);
23    }
24    /* unified: the row is selected */
25    & tr.sel > td:first-child { --sel-l: inset 1px 0 var(--sel-edge); }
26    & tr.sel > td:last-child { --sel-r: inset -1px 0 var(--sel-edge); }
27    & tr.sel + tr.sel > td { --sel-t: 0 0 transparent; }
28    & tr.sel:has(+ tr.sel) > td { --sel-b: 0 0 transparent; }
29    /* split: the cells of one side (number, mark, text) are selected */
30    & td.sel.ln { --sel-l: inset 1px 0 var(--sel-edge); }
31    & td.sel.tx { --sel-r: inset -1px 0 var(--sel-edge); }
32    & tr:has(> :nth-child(3).sel) + tr > :nth-child(-n + 3).sel,
33    & tr:has(> :nth-child(6).sel) + tr > :nth-child(n + 4).sel { --sel-t: 0 0 transparent; }
34    & tr:has(> :nth-child(3).sel):has(+ tr > :nth-child(3).sel) > :nth-child(-n + 3).sel,
35    & tr:has(> :nth-child(6).sel):has(+ tr > :nth-child(6).sel) > :nth-child(n + 4).sel { --sel-b: 0 0 transparent; }
36  }
37}

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