home · contact · privacy
Make header sticky. master
authorChristian Heller <c.heller@plomlompom.de>
Thu, 6 Feb 2025 23:14:22 +0000 (00:14 +0100)
committerChristian Heller <c.heller@plomlompom.de>
Thu, 6 Feb 2025 23:14:22 +0000 (00:14 +0100)
templates/_base.tmpl

index 15c54cb31698e9190bfd648717e066ee7c0889e5..a8d04d34c27156b15979c0c360ad21f48c62f277 100644 (file)
@@ -8,6 +8,7 @@
 </script>
 <style>
 body { background-color: white; font-family: sans-serif; }
 </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; }
 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>
 </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 />
 <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>
 {% block content %}{% endblock %}
 </body>
 </html>