From 4b97b9fbe4744451f3ba051cddac76eb3d5de448 Mon Sep 17 00:00:00 2001
From: Cailean Finn <Caileannn@gmail.com>
Date: Thu, 27 Jun 2024 13:09:13 +0100
Subject: [PATCH] scroll bar

---
 public/js/scrollbar.js | 4 ++++
 templates/article.html | 1 +
 2 files changed, 5 insertions(+)
 create mode 100644 public/js/scrollbar.js

diff --git a/public/js/scrollbar.js b/public/js/scrollbar.js
new file mode 100644
index 0000000..3a6cbca
--- /dev/null
+++ b/public/js/scrollbar.js
@@ -0,0 +1,4 @@
+window.addEventListener('DOMContentLoaded', () => {
+	let scrollElement = document.querySelector('#page-header');
+	scrollElement.scrollLeft =  (scrollElement.scrollWidth - scrollElement.clientWidth ) / 2;
+  });
\ No newline at end of file
diff --git a/templates/article.html b/templates/article.html
index 32c7e0f..b55443d 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -40,4 +40,5 @@
 </div>
 <div id="container"></div>	
 <script type="module" src="{{ url_for('static', filename='js/skybox.js') }}"></script>
+<script type="module" src="{{ url_for('static', filename='js/scrollbar.js') }}"></script>
 {% endblock content %}
\ No newline at end of file