allow overflowing table to overlap sidebar toc (PR #30)

Author: mojavelinux

src/css/doc.css

@@ -15,6 +15,8 @@
     margin: var(--doc-margin--desktop);
     max-width: var(--doc-max-width--desktop);
     min-width: 0;
+    position: relative;
+    z-index: var(--z-index-doc);
   }
 }
 
@@ -198,6 +200,7 @@
 }
 
 .doc table.tableblock {
+  background: var(--body-background);
   border-collapse: collapse;
   font-size: calc(15 / var(--rem-base) * 1rem);
   margin: 1.5rem 0 0;
@@ -212,6 +215,12 @@
   */
 }
 
+@media screen and (min-width: 1024px) {
+  .doc table.tableblock {
+    box-shadow: 5px 0 0 var(--color-white);
+  }
+}
+
 .doc table.tableblock + * {
   margin-top: 1.5rem;
 }
@@ -718,7 +727,7 @@
   background-color: var(--doc-font-color);
   border-radius: 0.25em;
   padding: 0.5em;
-  color: #fff;
+  color: var(--color-white);
   font-family: var(--body-font-family);
   cursor: auto;
   opacity: 0;

src/css/vars.css

@@ -139,8 +139,9 @@
   --doc-max-width: calc(720 / var(--rem-base) * 1rem);
   --doc-max-width--desktop: calc(828 / var(--rem-base) * 1rem);
   /* stacking */
-  --z-index-nav: 1;
-  --z-index-toolbar: 2;
-  --z-index-page-version-menu: 3;
-  --z-index-navbar: 4;
+  --z-index-doc: 1;
+  --z-index-nav: 2;
+  --z-index-toolbar: 3;
+  --z-index-page-version-menu: 4;
+  --z-index-navbar: 5;
 }