css: fix table overflow

This commit is contained in:
Anirudh Oppiliappan 2023-03-19 22:46:04 +02:00
parent 4f5d35ffd2
commit d1774f5a6d
No known key found for this signature in database
GPG Key ID: 8A93F96F78C5D4C4
2 changed files with 19 additions and 12 deletions

View File

@ -258,6 +258,7 @@ a:hover {
gap: 1rem; gap: 1rem;
padding: 0.5rem; padding: 0.5rem;
background: var(--light-gray); background: var(--light-gray);
overflow-x: auto;
} }
.file-content { .file-content {

View File

@ -1,23 +1,29 @@
{{ define "file" }} {{ define "file" }}
<html> <html>
{{ template "head" . }} {{ template "head" . }}
{{ template "repoheader" . }} {{ template "repoheader" . }}
<body> <body>
{{ template "nav" . }} {{ template "nav" . }}
<main> <main>
<p>{{ .path }}</p> <p>{{ .path }}</p>
<div class="file-wrapper"> <div class="file-wrapper">
<div class="line-numbers"> <table >
{{- range .linecount }} <tbody><tr>
<a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a> <td class="line-numbers">
{{- end -}} <pre>
</div> {{- range .linecount }}
<div class="file-content"> <a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a>
<span></span> {{- end -}}
<pre> </pre>
{{- .content -}} </td>
</pre> <td class="file-content">
</div> <pre>
{{- .content -}}
</pre>
</td>
</tbody></tr>
</table>
</div>
</main> </main>
</body> </body>
</html> </html>