add style tweaks Signed-off-by: Derek Stevens <nilix@nilfm.cc>
5 files changed, 31 insertions(+), 20 deletions(-)
M static/style.css → static/style.css
@@ -180,6 +180,10 @@ .diff-stat { padding: 1rem 0 1rem 0; } +.commit-hash, .commit-email { + font-family: var(--mono-font); +} + .commit-email:before { content: '<'; }@@ -238,21 +242,24 @@ -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; + display: flex; + float: left; + flex-direction: column; + margin-right: 1ch; } .file-wrapper { - display: flex; - flex-direction: row; - grid-template-columns: 1rem minmax(0, 1fr); - gap: 1rem; - padding: 0.5rem; background: var(--light-gray); + display: table; + padding: 0.5rem + width: 100%; } .file-content { background: var(--light-gray); overflow-y: hidden; overflow-x: auto; + display: block; } .diff-type {
M templates/commit.html → templates/commit.html
@@ -11,13 +11,13 @@ <pre> {{- .commit.Message -}} </pre> <div class="commit-info"> - {{ .commit.Author.Name }} <span class="commit-email">{{ .commit.Author.Email}}</span> + {{ .commit.Author.Name }} <a href="mailto:{{ .Author.Email }}" class="commit-email">{{ .commit.Author.Email}}</span> <div>{{ .commit.Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div> </div> <div> <strong>commit</strong> - <p><a href="/{{ .name }}/commit/{{ .commit.This }}"> + <p><a href="/{{ .name }}/commit/{{ .commit.This }}" class="commit-hash"> {{ .commit.This }} </a> </p>@@ -26,7 +26,7 @@ {{ if .commit.Parent }} <div> <strong>parent</strong> - <p><a href="/{{ .name }}/commit/{{ .commit.Parent }}"> + <p><a href="/{{ .name }}/commit/{{ .commit.Parent }}" class="commit-hash"> {{ .commit.Parent }} </a></p> </div>
M templates/file.html → templates/file.html
@@ -8,18 +8,22 @@ <body> {{ template "nav" . }} <main> <p>{{ .path }}</p> - <div class="file-wrapper"> - <div class="line-numbers"> - {{- range .linecount }} + <table class="file-wrapper"> + <tbody><tr> + <td class="line-numbers"> + <pre> + {{- range .linecount }} <a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a> - {{- end -}} - </div> - <div class="file-content"> - <span></span> + {{- end -}} + </pre> + </td> + <td class="file-content"> <pre> {{- .content -}} </pre> - </div> + </td> + </tbody></tr> + </table> </main> </body> </html>
M templates/log.html → templates/log.html
@@ -14,11 +14,11 @@ {{ $repo := .name }} <div class="log"> {{ range .commits }} <div> - <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div> + <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}" class="commit-hash">{{ slice .Hash.String 0 8 }}</a></div> <pre>{{ .Message }}</pre> </div> <div class="commit-info"> - {{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span> + {{ .Author.Name }} <a href="mailto:{{ .Author.Email }}" class="commit-email">{{ .Author.Email }}</a> <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div> </div> {{ end }}
M templates/repo.html → templates/repo.html
@@ -16,11 +16,11 @@ {{ $repo := .name }} <div class="log"> {{ range .commits }} <div> - <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div> + <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}" class="commit-hash">{{ slice .Hash.String 0 8 }}</a></div> <pre>{{ .Message }}</pre> </div> <div class="commit-info"> - {{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span> + {{ .Author.Name }} <a href="mailto:{{ .Author.Email }}" class="commit-email">{{ .Author.Email }}</a> <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div> </div> {{ end }}