web frontend for git (tangled's grandpa)
add style tweaks
Signed-off-by: Derek Stevens <nilix@nilfm.cc>
authored by
Derek Stevens
and committed by
Anirudh Oppiliappan
e782f36f
7a512b1d
+31
-20
+12
-5
static/style.css
+12
-5
static/style.css
···
180
180
padding: 1rem 0 1rem 0;
181
181
}
182
182
183
+
.commit-hash, .commit-email {
184
+
font-family: var(--mono-font);
185
+
}
186
+
183
187
.commit-email:before {
184
188
content: '<';
185
189
}
···
238
242
-webkit-user-select: none;
239
243
-o-user-select: none;
240
244
user-select: none;
245
+
display: flex;
246
+
float: left;
247
+
flex-direction: column;
248
+
margin-right: 1ch;
241
249
}
242
250
243
251
.file-wrapper {
244
-
display: flex;
245
-
flex-direction: row;
246
-
grid-template-columns: 1rem minmax(0, 1fr);
247
-
gap: 1rem;
248
-
padding: 0.5rem;
249
252
background: var(--light-gray);
253
+
display: table;
254
+
padding: 0.5rem
255
+
width: 100%;
250
256
}
251
257
252
258
.file-content {
253
259
background: var(--light-gray);
254
260
overflow-y: hidden;
255
261
overflow-x: auto;
262
+
display: block;
256
263
}
257
264
258
265
.diff-type {
+3
-3
templates/commit.html
+3
-3
templates/commit.html
···
11
11
{{- .commit.Message -}}
12
12
</pre>
13
13
<div class="commit-info">
14
-
{{ .commit.Author.Name }} <span class="commit-email">{{ .commit.Author.Email}}</span>
14
+
{{ .commit.Author.Name }} <a href="mailto:{{ .Author.Email }}" class="commit-email">{{ .commit.Author.Email}}</span>
15
15
<div>{{ .commit.Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div>
16
16
</div>
17
17
18
18
<div>
19
19
<strong>commit</strong>
20
-
<p><a href="/{{ .name }}/commit/{{ .commit.This }}">
20
+
<p><a href="/{{ .name }}/commit/{{ .commit.This }}" class="commit-hash">
21
21
{{ .commit.This }}
22
22
</a>
23
23
</p>
···
26
26
{{ if .commit.Parent }}
27
27
<div>
28
28
<strong>parent</strong>
29
-
<p><a href="/{{ .name }}/commit/{{ .commit.Parent }}">
29
+
<p><a href="/{{ .name }}/commit/{{ .commit.Parent }}" class="commit-hash">
30
30
{{ .commit.Parent }}
31
31
</a></p>
32
32
</div>
+12
-8
templates/file.html
+12
-8
templates/file.html
···
8
8
{{ template "nav" . }}
9
9
<main>
10
10
<p>{{ .path }}</p>
11
-
<div class="file-wrapper">
12
-
<div class="line-numbers">
13
-
{{- range .linecount }}
11
+
<table class="file-wrapper">
12
+
<tbody><tr>
13
+
<td class="line-numbers">
14
+
<pre>
15
+
{{- range .linecount }}
14
16
<a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a>
15
-
{{- end -}}
16
-
</div>
17
-
<div class="file-content">
18
-
<span></span>
17
+
{{- end -}}
18
+
</pre>
19
+
</td>
20
+
<td class="file-content">
19
21
<pre>
20
22
{{- .content -}}
21
23
</pre>
22
-
</div>
24
+
</td>
25
+
</tbody></tr>
26
+
</table>
23
27
</main>
24
28
</body>
25
29
</html>
+2
-2
templates/log.html
+2
-2
templates/log.html
···
14
14
<div class="log">
15
15
{{ range .commits }}
16
16
<div>
17
-
<div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div>
17
+
<div><a href="/{{ $repo }}/commit/{{ .Hash.String }}" class="commit-hash">{{ slice .Hash.String 0 8 }}</a></div>
18
18
<pre>{{ .Message }}</pre>
19
19
</div>
20
20
<div class="commit-info">
21
-
{{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span>
21
+
{{ .Author.Name }} <a href="mailto:{{ .Author.Email }}" class="commit-email">{{ .Author.Email }}</a>
22
22
<div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div>
23
23
</div>
24
24
{{ end }}
+2
-2
templates/repo.html
+2
-2
templates/repo.html
···
16
16
<div class="log">
17
17
{{ range .commits }}
18
18
<div>
19
-
<div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div>
19
+
<div><a href="/{{ $repo }}/commit/{{ .Hash.String }}" class="commit-hash">{{ slice .Hash.String 0 8 }}</a></div>
20
20
<pre>{{ .Message }}</pre>
21
21
</div>
22
22
<div class="commit-info">
23
-
{{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span>
23
+
{{ .Author.Name }} <a href="mailto:{{ .Author.Email }}" class="commit-email">{{ .Author.Email }}</a>
24
24
<div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div>
25
25
</div>
26
26
{{ end }}