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>