From: Christian Heller <c.heller@plomlompom.de>
Date: Fri, 14 Feb 2025 13:30:15 +0000 (+0100)
Subject: Make header sticky.
X-Git-Url: https://plomlompom.com/repos/%7B%7B%20web_path%20%7D%7D/booking/%7B%7Bprefix%7D%7D/%7B%7Bprefix%7D%7D?a=commitdiff_plain;h=e7b62281bc23c6a5c7238d6cc8f32a5687986910;p=ytplom
Make header sticky.
---
diff --git a/src/templates/_base.tmpl b/src/templates/_base.tmpl
index aa190a9..d2c8aac 100644
--- a/src/templates/_base.tmpl
+++ b/src/templates/_base.tmpl
@@ -73,11 +73,13 @@ connect_events();
body { background-color: {{background_color}}; }
table { width: 100%; }
td, th { vertical-align: top; text-align: left; }
+#header { position: sticky; top: 0; background-color: {{background_color}}; }
{% block css %}
{% endblock %}
</style>
</head>
<body>
+<div id="header">
{{ macros.link_if("playlist" != selected, page_names.playlist) }}
· {{ macros.link_if("files" != selected, page_names.files) }}
· {{ macros.link_if("yt_queries" != selected, page_names.yt_queries, "queries") }}
@@ -87,6 +89,7 @@ td, th { vertical-align: top; text-align: left; }
<button id="btn_play" class="btn_if_can_play" onclick="player_command('play')">play</button>
· <span id="player_state" /></span> <a id="a_playing"></a> <span id="playing_tags"></span>
<hr />
+</div>
{% block body %}
{% endblock %}
</body>