From afe686e6bab1d4b6a85b1f5c610f57fcf1a72d74 Mon Sep 17 00:00:00 2001
From: Marius Peter <marius.peter@tutanota.com>
Date: Mon, 9 Jun 2025 18:09:55 +0200
Subject: Implement blob display.

---
 lib/static/styles.css | 50 +++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 47 insertions(+), 3 deletions(-)

(limited to 'lib/static')

diff --git a/lib/static/styles.css b/lib/static/styles.css
index f72a473..ad38179 100644
--- a/lib/static/styles.css
+++ b/lib/static/styles.css
@@ -71,12 +71,56 @@ div#main a:hover {
 }
 
 h1 {
-    position: sticky;
-    top: 0;
-    background: inherit;
+    /* position: sticky; */
+    /* top: 0; */
+    /* background: inherit; */
     padding: 0.5em 0;
 }
 
 .commit-hash {
     font-family: monospace;
 }
+
+#blob {
+    display: grid;
+    column-gap: 1.5em;
+    grid-template-columns: 3em auto;
+    font-family: monospace;
+}
+
+#blob a.line-anchor {
+    color: grey;
+    text-decoration: none;
+    text-align: right;
+}
+
+#blob a.line-anchor:target {
+    color: white;
+    background-color: grey;
+}
+
+#blob a.line-anchor:hover {
+    color: skyblue;
+    background-color: inherit;
+    text-decoration: none;
+}
+
+#blob span.line {
+    white-space: preserve-spaces;
+}
+
+footer {
+    margin-top: 1em;
+    text-align: center;
+}
+
+@media (max-width: 400px) {
+    body {
+        padding: 0;
+    }
+
+    #blob {
+	column-gap: 1em;
+	grid-template-columns: max-content auto;
+    }
+}
-- 
cgit v1.2.3