css: fix table overflow
Anirudh Oppiliappan x@icyphox.sh
Sun, 19 Mar 2023 22:46:04 +0200
2 files changed, 19 insertions(+), 12 deletions(-)
M static/style.css → static/style.css
@@ -258,6 +258,7 @@ grid-template-columns: 1rem minmax(0, 1fr); gap: 1rem; padding: 0.5rem; background: var(--light-gray); + overflow-x: auto; } .file-content {
M templates/file.html → templates/file.html
@@ -1,23 +1,29 @@ {{ define "file" }} <html> -{{ template "head" . }} + {{ template "head" . }} {{ template "repoheader" . }} <body> {{ template "nav" . }} <main> <p>{{ .path }}</p> <div class="file-wrapper"> - <div class="line-numbers"> - {{- range .linecount }} -<a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a> - {{- end -}} - </div> - <div class="file-content"> - <span></span> - <pre> - {{- .content -}} - </pre> - </div> + <table > + <tbody><tr> + <td class="line-numbers"> + <pre> + {{- range .linecount }} + <a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a> + {{- end -}} + </pre> + </td> + <td class="file-content"> + <pre> + {{- .content -}} + </pre> + </td> + </tbody></tr> + </table> + </div> </main> </body> </html>