home · contact · privacy
Make header sticky. master
authorChristian Heller <c.heller@plomlompom.de>
Fri, 14 Feb 2025 13:30:15 +0000 (14:30 +0100)
committerChristian Heller <c.heller@plomlompom.de>
Fri, 14 Feb 2025 13:30:15 +0000 (14:30 +0100)
src/templates/_base.tmpl

index aa190a9ab6b74dada6aee22bd5ab1cf52a21ba81..d2c8aac841ab95c0569b8b3fdfb07549a1e00e5c 100644 (file)
@@ -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>