From: Christian Heller <c.heller@plomlompom.de>
Date: Thu, 6 Feb 2025 23:14:22 +0000 (+0100)
Subject: Make header sticky.
X-Git-Url: https://plomlompom.com/repos/%7B%7Bprefix%7D%7D/static/%7B%7B%20web_path%20%7D%7D/conditions?a=commitdiff_plain;h=abb283db64842857eef5e268b568319fcdd7257d;p=ledgplom

Make header sticky.
---

diff --git a/templates/_base.tmpl b/templates/_base.tmpl
index 15c54cb..a8d04d3 100644
--- a/templates/_base.tmpl
+++ b/templates/_base.tmpl
@@ -8,6 +8,7 @@
 </script>
 <style>
 body { background-color: white; font-family: sans-serif; }
+#header { position: sticky; top: 0; background-color: #ffffff; }
 tr.alternating:nth-child(odd) { background-color: #dcdcdc; }
 tr.alternating:nth-child(even) { background-color: #ffffff; }
 td { margin: 0; padding: 0; text-align: left; vertical-align: top; }
@@ -17,10 +18,12 @@ span.warning, table.warning tbody tr td, tr.warning td { background-color: #ff88
 </style>
 </head>
 <body>
+<div id="header">
 <form action="{{path}}" method="POST">
 ledger <a href="/ledger_structured">structured</a> / <a href="/ledger_raw">raw</a> · <a href="/balance">balance</a> · <input type="submit" name="file_load" value="reload" />{% if tainted %} · <span class="warning">unsaved changes: <input type="submit" name="file_save" value="save"></span>{% endif %}
 </form>
 <hr />
+</div>
 {% block content %}{% endblock %}
 </body>
 </html>