diff --git a/docs/css/styles.css b/docs/css/styles.css
index 2bd7846..9816370 100644
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@@ -280,6 +280,7 @@ caption {
.wrapper {
position: relative;
margin-top: 0;
+ overflow-x: hidden;
}
.intro-and-nav {
@@ -568,10 +569,6 @@ pre[class*=language-] code * {
margin-top: -1rem;
}
-*:not(pre) > code {
- white-space: nowrap;
-}
-
.token.property,
.token.tag,
.token.boolean,
@@ -635,9 +632,14 @@ pre[class*=language-] code * {
/* file tree lists */
+.file-tree {
+ overflow-x: auto;
+}
+
.file-tree ul {
- font-family: courier;
+ font-family: Courier, monospace;
margin: 0;
+ padding: 0;
padding-left: 3rem;
list-style: none;
line-height: 1.25;
@@ -645,6 +647,10 @@ pre[class*=language-] code * {
overflow: hidden;
}
+.file-tree > ul {
+ padding-left: 0;
+}
+
.file-tree li:not(:last-child) > ul::before {
content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';
position: absolute;
@@ -654,14 +660,10 @@ pre[class*=language-] code * {
width: 1em;
}
-.file-tree > ul {
- margin: 0;
- padding: 0;
-}
-
.file-tree li {
background: #fff;
position: relative;
+ white-space: nowrap;
}
.file-tree li + li {
@@ -676,6 +678,11 @@ pre[class*=language-] code * {
content: '\2514\2500\2500\0020';
}
+.file-tree li::before,
+.file-tree ul::before {
+ white-space: normal;
+}
+
/* Expandable sections */
.expandable-section {
diff --git a/docs/index.html b/docs/index.html
index 83ae8f1..6cca19b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -25,7 +25,7 @@
-
+
Infusion
@@ -330,10 +330,8 @@
-
-
-
-
+
+
diff --git a/docs/js/dom-scripts.js b/docs/js/dom-scripts.js
index 0673630..59bfa4b 100644
--- a/docs/js/dom-scripts.js
+++ b/docs/js/dom-scripts.js
@@ -20,25 +20,30 @@
/* menu button */
(function () {
var button = document.getElementById('menu-button')
- var menu = document.getElementById('patterns-list')
- button.addEventListener('click', function() {
- var expanded = this.getAttribute('aria-expanded') === 'true'
- this.setAttribute('aria-expanded', !expanded)
- })
+ if (button) {
+ var menu = document.getElementById('patterns-list')
+ button.addEventListener('click', function() {
+ var expanded = this.getAttribute('aria-expanded') === 'true'
+ this.setAttribute('aria-expanded', !expanded)
+ })
+ }
}());
/* persist navigation scroll point */
(function () {
- window.onunload = function () {
- var scrollPoint = document.getElementById('patterns-nav').scrollTop
- localStorage.setItem('scrollPoint', scrollPoint)
+ var patternsNav = document.getElementById('patterns-nav')
+ if (patternsNav) {
+ var scrollPoint = patternsNav.scrollTop
+ window.onunload = function () {
+ localStorage.setItem('scrollPoint', scrollPoint)
+ }
}
window.addEventListener('DOMContentLoaded', function () {
if (window.location.href.indexOf('patterns/') !== -1) {
- document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'))
+ scrollPoint = parseInt(localStorage.getItem('scrollPoint'))
} else {
- document.getElementById('patterns-nav').scrollTop = 0
+ scrollPoint = 0
}
})
}());
diff --git a/docs/patterns/coding/code-blocks/index.html b/docs/patterns/coding/code-blocks/index.html
index 957431c..7b9ba13 100644
--- a/docs/patterns/coding/code-blocks/index.html
+++ b/docs/patterns/coding/code-blocks/index.html
@@ -24,9 +24,7 @@
-
-
-
+
Code blocks | Infusion
@@ -371,12 +369,8 @@ toggle.addEventListener('click', (e) => {
-
-
-
-
-
-
+
+