hyperbook 0.38.3 → 0.39.0

package/dist/assets/client.js

@@ -1,32 +1,10 @@
 var hyperbook = (function () {
   const collapsibles = document.getElementsByClassName("collapsible");
-  const animationDelay = 100;
-  const calcMaxHeight = (elem) => {
-    const content = elem.nextElementSibling;
-    if (content) {
-      if (elem.classList.contains("expanded")) {
-        content.style.maxHeight = content.scrollHeight + "px";
-      } else {
-        content.style.maxHeight = "0";
-      }
-    }
-    const nextParentContent = elem.closest(".collapsible-content");
-    if (nextParentContent !== null) {
-      const nextParentCollapsible = nextParentContent.previousElementSibling;
-      setTimeout(function () {
-        calcMaxHeight(nextParentCollapsible);
-      }, animationDelay);
-    }
-  };
+
   for (let collapsible of collapsibles) {
     collapsible.addEventListener("click", () => {
       collapsible.classList.toggle("expanded");
-      calcMaxHeight(collapsible);
     });
-
-    if (collapsible.classList.contains("expanded")) {
-      calcMaxHeight(collapsible);
-    }
   }
 
   function tocToggle() {

package/dist/assets/shell.css

@@ -33,27 +33,27 @@ side-drawer {
   border-right-color: var(--color-nav-border);
 }
 
-.sidebar>.author,
-.nav-drawer-content>.author {
+.sidebar > .author,
+.nav-drawer-content > .author {
   color: var(--color-author-color);
   background: var(--color-author-background);
 }
 
-.sidebar>.author:hover,
-.nav-drawer-content>.author:hover {
+.sidebar > .author:hover,
+.nav-drawer-content > .author:hover {
   color: var(--color-brand);
 }
 
 /* Three bars for burger menu */
-.toggle>.bar1,
-.toggle>.bar2,
-.toggle>.bar3 {
+.toggle > .bar1,
+.toggle > .bar2,
+.toggle > .bar3 {
   background-color: var(--color-brand-text);
 }
 
-.inverted .toggle>.bar1,
-.inverted .toggle>.bar2,
-.inverted .toggle>.bar3 {
+.inverted .toggle > .bar1,
+.inverted .toggle > .bar2,
+.inverted .toggle > .bar3 {
   background-color: var(--color-brand);
 }
 
@@ -74,11 +74,11 @@ header.inverted {
   color: var(--color-brand-text);
 }
 
-header.inverted>.branding {
+header.inverted > .branding {
   color: var(--color-brand);
 }
 
-header.inverted>.branding:hover {
+header.inverted > .branding:hover {
   color: var(--color-brand);
 }
 
@@ -86,7 +86,7 @@ header.inverted>.branding:hover {
   border-top-color: var(--color-spacer);
 }
 
-.section>.name {
+.section > .name {
   color: var(--color-text);
   border-color: var(--color-spacer);
 }
@@ -96,15 +96,15 @@ header.inverted>.branding:hover {
   cursor: pointer;
 }
 
-.section>.name:hover {
+.section > .name:hover {
   background: var(--color-spacer);
 }
 
-.section>.name.empty:hover {
+.section > .name.empty:hover {
   background: none;
 }
 
-.section>.name.active {
+.section > .name.active {
   background: var(--color-background);
   color: var(--color-brand);
 }
@@ -123,7 +123,7 @@ header.inverted>.branding:hover {
   color: var(--color-brand);
 }
 
-.section>.links {
+.section > .links {
   border-left-color: var(--color-spacer);
 }
 
@@ -219,21 +219,21 @@ a.jump.previous::before {
   border-right-color: var(--color-nav-border);
 }
 
-.sidebar>nav,
-.nav-drawer-content>nav {
+.sidebar > nav,
+.nav-drawer-content > nav {
   padding: 20px;
   flex: 1;
 }
 
-.sidebar>.author,
-.nav-drawer-content>.author {
+.sidebar > .author,
+.nav-drawer-content > .author {
   text-align: center;
   text-decoration: none;
   padding: 20px;
 }
 
-.sidebar>.author,
-.nav-drawer-content>.author>b {
+.sidebar > .author,
+.nav-drawer-content > .author > b {
   font-weight: bold;
 }
 
@@ -253,9 +253,9 @@ a.jump.previous::before {
   cursor: pointer;
 }
 
-.toggle>.bar1,
-.toggle>.bar2,
-.toggle>.bar3 {
+.toggle > .bar1,
+.toggle > .bar2,
+.toggle > .bar3 {
   width: 35px;
   height: 5px;
   margin: 6px 0;
@@ -371,7 +371,7 @@ header {
   margin-right: 8px;
 }
 
-#custom-links-footer>.links-item {
+#custom-links-footer > .links-item {
   border-radius: 8px;
   padding: 8px;
   border: 1px solid var(--color-nav-border);
@@ -383,7 +383,6 @@ header {
   margin-left: 24px;
 }
 
-
 @media (max-width: 960px) {
   #custom-links-header {
     display: none;
@@ -551,13 +550,13 @@ header {
 
 .section ul,
 .virtual-section ul,
-nav>ul {
+nav > ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
-nav li+li {
+nav li + li {
   margin-top: 0px;
 }
 
@@ -569,10 +568,9 @@ nav li+li {
 
 .section {
   margin-top: 8px;
-  margin-bottom: 8px;
 }
 
-.section>.name {
+.section > .name {
   display: flex;
   text-decoration: none;
   padding: 10px;
@@ -582,12 +580,12 @@ nav li+li {
   user-select: none;
 }
 
-.section>.name>.label {
+.section > .name > .label {
   flex: 1;
   text-decoration: none;
 }
 
-.section>.name>.toggle {
+.section > .name > .toggle {
   text-align: right;
   background: none;
   border: none;
@@ -610,14 +608,14 @@ nav li+li {
   content: "\2212";
 }
 
-.collapsible.expanded+.collapsible-content {
-  max-height: 9999px;
+.collapsible-content {
+  display: none;
+  opacity: 0;
 }
 
-.collapsible-content {
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 0.1s ease-out;
+.collapsible.expanded + .collapsible-content {
+  display: block;
+  opacity: 1;
 }
 
 .section .section {
@@ -631,12 +629,11 @@ nav li+li {
   text-decoration: none;
 }
 
-.section>.links {
+.section > .links {
   border-left-width: 1px;
   border-left-style: solid;
 }
 
-
 .pages {
   margin-top: 30px;
 }
@@ -664,12 +661,12 @@ nav.toc li {
   margin-bottom: 8px;
 }
 
-nav.toc li>a {
+nav.toc li > a {
   color: var(--color-text);
   text-decoration: none;
 }
 
-nav.toc li>a:hover {
+nav.toc li > a:hover {
   color: var(--color-brand);
 }