all repos — legit @ d1774f5a6d25242d659b1a08656de9e20fa84e26

web frontend for git

css: fix table overflow
Anirudh Oppiliappan x@icyphox.sh
Sun, 19 Mar 2023 22:46:04 +0200
commit

d1774f5a6d25242d659b1a08656de9e20fa84e26

parent

4f5d35ffd22e8727c25ba0b028c0baade25cb32f

2 files changed, 19 insertions(+), 12 deletions(-)

jump to
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>