From e7b62281bc23c6a5c7238d6cc8f32a5687986910 Mon Sep 17 00:00:00 2001
From: Christian Heller <c.heller@plomlompom.de>
Date: Fri, 14 Feb 2025 14:30:15 +0100
Subject: [PATCH] Make header sticky.
---
src/templates/_base.tmpl | 3 +++
1 file changed, 3 insertions(+)
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>
--
2.30.2