thread.html main.js: use ids to identify hud top and bottom bars

2 weeks ago · 9799d7e515
2 changed files with 3 additions and 3 deletions
--- a/templates/main.js
+++ b/templates/main.js
@ -227,7 +227,7 @@ function init_stylechooser() {
 		newElement.appendChild(style);
 	}

-	document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild.nextSibling);
+	document.getElementById('bottom-hud').before(newElement);
 }

 function get_cookie(cookie_name) {
--- a/templates/thread.html
+++ b/templates/thread.html
@ -29,7 +29,7 @@
 	<title>{{ board.url }} - {{ meta_subject }}</title>
 </head>
 <body id="thread" class="8chan vichan {% if mod %}is-moderator{% else %}is-not-moderator{% endif %} active-thread" data-stylesheet="{% if config.default_stylesheet.1 != '' %}{{ config.default_stylesheet.1 }}{% else %}default{% endif %}">
-	<div class="bar top">
+	<div id="top-hud" class="bar top">
 		{{ boardlist.top }}
 	</div>
 	<a name="top"></a>
@ -106,7 +106,7 @@
 		{% for footer in config.footer %}<p class="unimportant" style="text-align:center;">{{ footer }}</p>{% endfor %}
 	</footer>
        </div>
-	<div class="bar bottom">
+	<div id="bottom-hud" class="bar bottom">
 		<div class="threadlinks">
 			<span class="threadlink">[ <a href="{{ return }}">{% trans %}Return{% endtrans %}</a> /</span>
        		<span class="threadlink"><a href="#" style="padding-left: 10px"> {% trans %}Go to top{% endtrans %}</a> /</span>