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>