Customize default CSS in demo page via JS

stylelint · Jul 9, 2019 · 6261253 · 6261253
1 parent 7cf1e1c
commit 6261253
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/website/siteConfig.js b/website/siteConfig.js
@@ -48,7 +48,7 @@ const siteConfig = {
 
   onPageNav: "separate",
 
-  scripts: ["/js/pattern-validity.js"],
+  scripts: ["/js/pattern-validity.js", "/js/change-css-in-demo-page.js"],
 
   algolia: {
     apiKey: "29d680ce97507c5cd2836c6c74783c05",

diff --git a/website/static/js/change-css-in-demo-page.js b/website/static/js/change-css-in-demo-page.js
@@ -0,0 +1,5 @@
+if (window.location.pathname === "/demo") {
+  document.addEventListener("DOMContentLoaded", function() {
+    document.querySelector(".headerWrapper.wrapper").style.maxWidth = "100%";
+  });
+}