all repos — legit @ e782f36f196006f4fad6747811a5c883151e5102

web frontend for git, written in go 

add style tweaks

Signed-off-by: Derek Stevens <nilix@nilfm.cc>
Derek Stevens nilix@nilfm.cc
Tue, 31 Jan 2023 21:28:42 -0700
commit

e782f36f196006f4fad6747811a5c883151e5102

parent

7a512b1da60ca92203ec93ecce8b0debfe6da913

5 files changed, 31 insertions(+), 20 deletions(-)

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