fix: wrap table into div. This will help in overflow

ankitskvmdam · Dec 29, 2022 · c1ea0a0 · c1ea0a0
1 parent e31b9eb
commit c1ea0a0
Show file tree

Hide file tree

Showing 39 changed files with 93 additions and 99 deletions.
diff --git a/demo/src/Alive.js b/demo/src/Alive.js
@@ -36,7 +36,6 @@ class Alive {
      * A constant.
      * @readonly
      * @deprecated This is no longer used
-     * @const {number}
      */
     FOO = 1;
 

diff --git a/output/v4/Alive.html b/output/v4/Alive.html
diff --git a/output/v4/Alive.js.html b/output/v4/Alive.js.html
diff --git a/output/v4/Apple.html b/output/v4/Apple.html
diff --git a/output/v4/Apple.js.html b/output/v4/Apple.js.html
diff --git a/output/v4/Database.html b/output/v4/Database.html
diff --git a/output/v4/Energy.html b/output/v4/Energy.html
diff --git a/output/v4/Energy.js.html b/output/v4/Energy.js.html
diff --git a/output/v4/Environment.html b/output/v4/Environment.html
diff --git a/output/v4/Environment.js.html b/output/v4/Environment.js.html
diff --git a/output/v4/HideConstructor.js.html b/output/v4/HideConstructor.js.html
diff --git a/output/v4/Modules.js.html b/output/v4/Modules.js.html
diff --git a/output/v4/Statement.html b/output/v4/Statement.html
diff --git a/output/v4/StatementIterator.html b/output/v4/StatementIterator.html
diff --git a/output/v4/Test.html b/output/v4/Test.html
diff --git a/output/v4/Tree.html b/output/v4/Tree.html
diff --git a/output/v4/Tree.js.html b/output/v4/Tree.js.html
diff --git a/output/v4/World.html b/output/v4/World.html
diff --git a/output/v4/World.js.html b/output/v4/World.js.html
diff --git a/output/v4/api.js.html b/output/v4/api.js.html
diff --git a/output/v4/global.html b/output/v4/global.html
diff --git a/output/v4/index.html b/output/v4/index.html
diff --git a/output/v4/module-SqlJs.html b/output/v4/module-SqlJs.html
diff --git a/output/v4/module-bookshelf.Book.html b/output/v4/module-bookshelf.Book.html
diff --git a/output/v4/module-bookshelf.html b/output/v4/module-bookshelf.html
diff --git a/output/v4/module-color_mixer.html b/output/v4/module-color_mixer.html
diff --git a/output/v4/pieOptions.html b/output/v4/pieOptions.html
diff --git a/output/v4/scripts/core.js b/output/v4/scripts/core.js
@@ -520,16 +520,9 @@ function initTooltip() {
 }
 
 function fixTable() {
-    var tables = document.querySelectorAll('table');
-    var table;
+    const tables = document.querySelectorAll('table');
 
-    // eslint-disable-next-line no-undef
-    if (window.innerWidth > 900) {
-        // Only fixing table if width is smaller than 900px
-        return;
-    }
-
-    for (table of tables) {
+    for (const table of tables) {
         if (table.classList.contains('hljs-ln')) {
             // don't want to wrap code blocks.
             return;

diff --git a/output/v4/scripts/core.min.js b/output/v4/scripts/core.min.js
diff --git a/output/v4/styles/clean-jsdoc-theme-base.css b/output/v4/styles/clean-jsdoc-theme-base.css
@@ -16,6 +16,10 @@
     font-display: swap;
 }
 
+:root {
+    --outer-wrapper-max-width: 65rem;
+}
+
 * {
     box-sizing: border-box;
     margin: 0;
@@ -309,14 +313,14 @@ td {
     font-weight: bold;
 }
 
-.params td.description>p:first-child,
-.props td.description>p:first-child {
+.params td.description > p:first-child,
+.props td.description > p:first-child {
     margin-top: 0;
     padding-top: 0;
 }
 
-.params td.description>p:last-child,
-.props td.description>p:last-child {
+.params td.description > p:last-child,
+.props td.description > p:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
 }
@@ -443,12 +447,12 @@ code {
     text-decoration: none;
 }
 
-.with-arrow[data-isopen='false']+.sidebar-section-children-container {
+.with-arrow[data-isopen='false'] + .sidebar-section-children-container {
     height: 0;
     overflow: hidden;
 }
 
-.with-arrow[data-isopen='true']+.sidebar-section-children-container {
+.with-arrow[data-isopen='true'] + .sidebar-section-children-container {
     height: auto;
 }
 
@@ -528,7 +532,7 @@ code {
     display: flex;
     padding: 1rem 4rem 1rem 2rem;
     flex: 1;
-    max-width: 60rem;
+    max-width: var(--outer-wrapper-max-width);
 }
 
 .navbar-left-items {
@@ -597,7 +601,7 @@ code {
 
 .main-wrapper {
     width: 100%;
-    max-width: 60rem;
+    max-width: var(--outer-wrapper-max-width);
     padding: 0 4rem 1rem;
 }
 
@@ -614,14 +618,14 @@ code {
     justify-content: center;
 }
 
-.source-page+.footer {
+.source-page + .footer {
     margin-top: 3rem;
 }
 
 .footer .wrapper {
     flex: 1;
     padding: 1rem 2rem;
-    max-width: 70rem;
+    max-width: var(--outer-wrapper-max-width);
 }
 
 pre {
@@ -675,7 +679,7 @@ pre {
     width: 1.875rem;
 }
 
-.code-copy-icon-container>div {
+.code-copy-icon-container > div {
     margin-top: 0.25rem;
     position: relative;
 }
@@ -871,7 +875,7 @@ pre {
 }
 
 .tag-default {
-    overflow: auto
+    overflow: auto;
 }
 
 /* scroll bar */
@@ -958,12 +962,12 @@ pre {
         display: none;
     }
 
-    .source-page+.footer,
+    .source-page + .footer,
     .footer {
         margin-top: 2rem;
     }
 
     .has-anchor:hover .link-anchor {
         visibility: hidden;
     }
-}
+}
diff --git a/output/v4/styles/clean-jsdoc-theme.min.css b/output/v4/styles/clean-jsdoc-theme.min.css
diff --git a/output/v4/tutorial-Alive_.html b/output/v4/tutorial-Alive_.html
diff --git a/output/v4/tutorial-Apple_.html b/output/v4/tutorial-Apple_.html
diff --git a/output/v4/tutorial-Environment_.html b/output/v4/tutorial-Environment_.html
diff --git a/output/v4/tutorial-Other.html b/output/v4/tutorial-Other.html
diff --git a/static/scripts/core.js b/static/scripts/core.js
@@ -520,16 +520,9 @@ function initTooltip() {
 }
 
 function fixTable() {
-    var tables = document.querySelectorAll('table');
-    var table;
+    const tables = document.querySelectorAll('table');
 
-    // eslint-disable-next-line no-undef
-    if (window.innerWidth > 900) {
-        // Only fixing table if width is smaller than 900px
-        return;
-    }
-
-    for (table of tables) {
+    for (const table of tables) {
         if (table.classList.contains('hljs-ln')) {
             // don't want to wrap code blocks.
             return;

diff --git a/static/scripts/core.min.js b/static/scripts/core.min.js
diff --git a/static/styles/clean-jsdoc-theme-base.css b/static/styles/clean-jsdoc-theme-base.css
@@ -16,6 +16,10 @@
     font-display: swap;
 }
 
+:root {
+    --outer-wrapper-max-width: 65rem;
+}
+
 * {
     box-sizing: border-box;
     margin: 0;
@@ -309,14 +313,14 @@ td {
     font-weight: bold;
 }
 
-.params td.description>p:first-child,
-.props td.description>p:first-child {
+.params td.description > p:first-child,
+.props td.description > p:first-child {
     margin-top: 0;
     padding-top: 0;
 }
 
-.params td.description>p:last-child,
-.props td.description>p:last-child {
+.params td.description > p:last-child,
+.props td.description > p:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
 }
@@ -443,12 +447,12 @@ code {
     text-decoration: none;
 }
 
-.with-arrow[data-isopen='false']+.sidebar-section-children-container {
+.with-arrow[data-isopen='false'] + .sidebar-section-children-container {
     height: 0;
     overflow: hidden;
 }
 
-.with-arrow[data-isopen='true']+.sidebar-section-children-container {
+.with-arrow[data-isopen='true'] + .sidebar-section-children-container {
     height: auto;
 }
 
@@ -528,7 +532,7 @@ code {
     display: flex;
     padding: 1rem 4rem 1rem 2rem;
     flex: 1;
-    max-width: 60rem;
+    max-width: var(--outer-wrapper-max-width);
 }
 
 .navbar-left-items {
@@ -597,7 +601,7 @@ code {
 
 .main-wrapper {
     width: 100%;
-    max-width: 60rem;
+    max-width: var(--outer-wrapper-max-width);
     padding: 0 4rem 1rem;
 }
 
@@ -614,14 +618,14 @@ code {
     justify-content: center;
 }
 
-.source-page+.footer {
+.source-page + .footer {
     margin-top: 3rem;
 }
 
 .footer .wrapper {
     flex: 1;
     padding: 1rem 2rem;
-    max-width: 70rem;
+    max-width: var(--outer-wrapper-max-width);
 }
 
 pre {
@@ -675,7 +679,7 @@ pre {
     width: 1.875rem;
 }
 
-.code-copy-icon-container>div {
+.code-copy-icon-container > div {
     margin-top: 0.25rem;
     position: relative;
 }
@@ -871,7 +875,7 @@ pre {
 }
 
 .tag-default {
-    overflow: auto
+    overflow: auto;
 }
 
 /* scroll bar */
@@ -958,12 +962,12 @@ pre {
         display: none;
     }
 
-    .source-page+.footer,
+    .source-page + .footer,
     .footer {
         margin-top: 2rem;
     }
 
     .has-anchor:hover .link-anchor {
         visibility: hidden;
     }
-}
+}
diff --git a/static/styles/clean-jsdoc-theme.min.css b/static/styles/clean-jsdoc-theme.min.css