- commit
- 882bf26
- parent
- 4a4ff1d
- author
- Eric Bower
- date
- 2024-11-12 22:38:23 -0500 EST
style: patch files collapsable
2 files changed,
+14,
-7
+6,
-0
1@@ -64,6 +64,12 @@ details {
2 background-color: var(--bg-color);
3 }
4
5+.details-min {
6+ border: 0;
7+ margin: 0;
8+ padding: 0;
9+}
10+
11 @media only screen and (max-width: 40em) {
12 .collapse {
13 flex-direction: column;
+8,
-7
1@@ -1,7 +1,7 @@
2 {{define "patchset"}}
3 <div class="group">
4 <div class="flex gap-2 collapse">
5- <div class="group patchset-list" style="width: 300px;">
6+ <div class="group patchset-list" style="width: 350px;">
7 <h2 class="text-xl mt">
8 Patchset <code>ps-{{.Patchset.ID}}</code>
9 </h2>
10@@ -24,7 +24,7 @@
11
12 {{range $patch.PatchFiles}}
13 <div class="flex justify-between items-center">
14- <a class="flex-1 word-break-word" href="#patch-{{$patch.ID}}-{{.NewName}}">{{.NewName}}</a>
15+ <a class="flex-1 word-break-word mono" href="#patch-{{$patch.ID}}-{{.NewName}}">{{.NewName}}</a>
16 <div class="flex gap">
17 <code class="pill-success">+{{.Adds}}</code>
18 <code class="pill-admin">-{{.Dels}}</code>
19@@ -49,16 +49,17 @@
20 {{if $patch.Body}}<pre class="w-full">{{$patch.Body}}</pre>{{end}}
21
22 {{range $patch.PatchFiles}}
23- <div>
24- <div class="group-h patch-file" id="patch-{{$patch.ID}}-{{.NewName}}">
25- <a href="#patch-{{$patch.ID}}-{{.NewName}}" class="word-break-word">{{.NewName}}</a>
26+ <details class="details-min" open="true">
27+ <summary class="group-h patch-file" id="patch-{{$patch.ID}}-{{.NewName}}">
28+ <span class="mono">{{.NewName}}</span>
29+ <a href="#patch-{{$patch.ID}}-{{.NewName}}" class="word-break-word">link</a>
30 <div class="flex gap">
31 <code class="pill-success">+{{.Adds}}</code>
32 <code class="pill-admin">-{{.Dels}}</code>
33 </div>
34- </div>
35+ </summary>
36 <div>{{.DiffText}}</div>
37- </div>
38+ </details>
39 {{end}}
40 </div>
41 <hr class="my" />