archive

morgan3d · Dec 12, 2024 · 63f6d51 · 63f6d51
1 parent 6c81cb7
commit 63f6d51
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 16 deletions.
diff --git a/1.17/markdeep.js b/1.17/markdeep.js
@@ -377,13 +377,18 @@ var STYLESHEET = entag('style',
     'margin:auto' +
     '}' +
 
+    '.md table.longtable th{' +
+    'top:0;' +
+    'position:sticky' +
+    '}' +
+
     '.md table.calendar{' +
     'width:100%;' +
     'margin:auto;' +
     'font-size:11px;' +
     'font-family:Verdana,Helvetica,Arial,sans-serif' +
     '}' +
-
+                       
     '.md table.calendar th{' +
     'font-size:16px' +
     '}' +
@@ -1845,10 +1850,10 @@ function replaceTables(s, protect) {
 
             row = trimTableRowEnds(row);
             var i = 0;
-            result += entag('tr', '<' + tag + columnStyle[0] + '> ' + 
+            result += entag('tr', '<' + tag + ' ' + columnStyle[0] + '> ' + 
                             row.rp(/ *\| */g, function () {
                                 ++i;
-                                return ' </' + tag + '><' + tag + columnStyle[i] + '> ';
+                                return ' </' + tag + '><' + tag + ' ' + (columnStyle[i] || '') + '> ';
                             }) + ' </' + tag + '>') + '\n';
 
             // Skip the header-separator row
@@ -1858,7 +1863,7 @@ function replaceTables(s, protect) {
             }
         }
 
-        result = entag('table', result, protect('class="table"'));
+        result = entag('table', result, protect('class="table' + (rowArray.length >= 15 ? ' longtable' : '') + '"'));
 
         if (caption) {
             var processedCaption = createTarget(caption, protect);
@@ -1870,6 +1875,7 @@ function replaceTables(s, protect) {
             }
         }
 
+        console.log(result);
         return entag('div', result, "class='table'");
     });
 

diff --git a/1.17/markdeep.min.js b/1.17/markdeep.min.js
diff --git a/1.17/slate.css b/1.17/slate.css
@@ -102,8 +102,8 @@ body#md {
 }
 
 
-/* Darkmode, wide screen: TOC on side */
-@media screen and (min-device-width: 600px) {
+/* Wide screen: TOC on side */
+@media screen and (min-width: 750px) {
     .md .longTOC {
         display: block;
         white-space: nowrap;    
@@ -138,7 +138,6 @@ body#md {
         font-size: 15px;
     }
 
-
     .md svg.diagram {
         stroke: #ccc;
         fill: #ccc;

diff --git a/latest/markdeep.js b/latest/markdeep.js
@@ -377,13 +377,18 @@ var STYLESHEET = entag('style',
     'margin:auto' +
     '}' +
 
+    '.md table.longtable th{' +
+    'top:0;' +
+    'position:sticky' +
+    '}' +
+
     '.md table.calendar{' +
     'width:100%;' +
     'margin:auto;' +
     'font-size:11px;' +
     'font-family:Verdana,Helvetica,Arial,sans-serif' +
     '}' +
-
+                       
     '.md table.calendar th{' +
     'font-size:16px' +
     '}' +
@@ -1845,10 +1850,10 @@ function replaceTables(s, protect) {
 
             row = trimTableRowEnds(row);
             var i = 0;
-            result += entag('tr', '<' + tag + columnStyle[0] + '> ' + 
+            result += entag('tr', '<' + tag + ' ' + columnStyle[0] + '> ' + 
                             row.rp(/ *\| */g, function () {
                                 ++i;
-                                return ' </' + tag + '><' + tag + columnStyle[i] + '> ';
+                                return ' </' + tag + '><' + tag + ' ' + (columnStyle[i] || '') + '> ';
                             }) + ' </' + tag + '>') + '\n';
 
             // Skip the header-separator row
@@ -1858,7 +1863,7 @@ function replaceTables(s, protect) {
             }
         }
 
-        result = entag('table', result, protect('class="table"'));
+        result = entag('table', result, protect('class="table' + (rowArray.length >= 15 ? ' longtable' : '') + '"'));
 
         if (caption) {
             var processedCaption = createTarget(caption, protect);
@@ -1870,6 +1875,7 @@ function replaceTables(s, protect) {
             }
         }
 
+        console.log(result);
         return entag('div', result, "class='table'");
     });
 

diff --git a/latest/markdeep.min.js b/latest/markdeep.min.js
diff --git a/latest/slate.css b/latest/slate.css
@@ -102,8 +102,8 @@ body#md {
 }
 
 
-/* Darkmode, wide screen: TOC on side */
-@media screen and (min-device-width: 600px) {
+/* Wide screen: TOC on side */
+@media screen and (min-width: 750px) {
     .md .longTOC {
         display: block;
         white-space: nowrap;    
@@ -138,7 +138,6 @@ body#md {
         font-size: 15px;
     }
 
-
     .md svg.diagram {
         stroke: #ccc;
         fill: #ccc;