From 7ccff2cf3d4f7a96be2cf890093798067951fd2e Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 14 Jul 2022 18:49:47 +0000
Subject: [PATCH] fix: styling on page-list for smaller screens
---
assets/js/router.js | 30 ++++++++++++++++++++----------
1 files changed, 20 insertions(+), 10 deletions(-)
diff --git a/assets/js/router.js b/assets/js/router.js
index dff1741..efaa10e 100644
--- a/assets/js/router.js
+++ b/assets/js/router.js
@@ -1,16 +1,26 @@
-import { router, navigate, reload, prefetch } from "https://unpkg.com/million@1.9.3/dist/router.mjs"
+import {
+ apply,
+ navigate,
+ prefetch,
+ router,
+} from "https://unpkg.com/million@1.11.5/dist/router.mjs"
-export const attachSPARouting = (draw) => {
+export const attachSPARouting = (init, rerender) => {
// Attach SPA functions to the global Million namespace
window.Million = {
- router,
+ apply,
navigate,
- reload,
prefetch,
- };
- router(".singlePage")
- // We need on initial load, then subsequent redirs
- // requestAnimationFrame() delays graph draw until SPA routing is finished
- reload(draw)
- window.addEventListener("DOMContentLoaded", () => requestAnimationFrame(draw))
+ router,
+ }
+
+ const render = () => requestAnimationFrame(rerender)
+
+ window.addEventListener("DOMContentLoaded", () => {
+ apply((doc) => init(doc))
+ init()
+ router(".singlePage")
+ render()
+ })
+ window.addEventListener("million:navigate", render)
}
--
Gitblit v1.10.0