Resume the min-width of the tables.

cotes2020 · cotes2020 · commit b61461efc577 · 2020-08-15T01:01:27.000+08:00
It was lost by mistake while fixing cotes2020#85
diff --git a/_includes/fixlinenos.html b/_includes/fixlinenos.html
diff --git a/_includes/refactor-content.html b/_includes/refactor-content.html
@@ -0,0 +1,27 @@
+<!--
+  Refactor the HTML structure.
+-->
+
+{% assign _content = include.content %}
+
+<!--
+  Suroundding the markdown table with '<div class="table-wrapper">. and '</div>'
+-->
+{% if _content contains '<table>' %}
+  {% assign _content = _content | replace: '<table>', '<div class="table-wrapper"><table>' %}
+  {% assign _content = _content | replace: '</table>', '</table></div>' %}
+  {% assign _content = _content | replace: '</table></div></code>', '</table></code>' %}
+{% endif %}
+
+
+<!--
+  Fixed kramdown code highlight rendering:
+  https://github.com/penibelst/jekyll-compress-html/issues/101
+  https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
+-->
+{% if _content contains '<pre class="highlight">' %}
+  {% assign _content = _content | replace: '<pre class="highlight"><code', '<code' %}
+  {% assign _content = _content | replace: '</code></pre>', '</code>' %}
+{% endif %}
+
+{{ _content }}
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -36,7 +36,7 @@
     <div id="main-wrapper">
       <div id="main">
 
-        {% include fixlinenos.html content=content %}
+        {% include refactor-content.html content=content %}
 
         {% include footer.html %}
 
diff --git a/assets/css/_addon/main.scss b/assets/css/_addon/main.scss
@@ -750,42 +750,41 @@ a {
 
 
 /*--- Begin of Markdown table style ---*/
+div.post-content .table-wrapper {
+  overflow-x: auto;
 
-div.post-content {
-  >table, li>table {
+  >table {
     min-width: 60%;
-    display: block;
     overflow-x: auto;
-    border-collapse: collapse;
     border-spacing: 0;
     margin-bottom: 1.5rem;
-  }
-}
 
-table {
-  thead {
-    border-bottom: solid 2px rgba(210, 215, 217, 0.75);
-    +tbody tr {
-      &:nth-child(2n) {
-        background-color: var(--tb-even-bg);
-      }
-      &:nth-child(2n + 1) {
-        background-color: var(--tb-odd-bg);
+    thead {
+      border-bottom: solid 2px rgba(210, 215, 217, 0.75);
+      th {
+        @extend %table-cell;
       }
-      & {
-        border-bottom: 1px solid var(--tb-border-color);
-      }
-    }
-    th {
-      @extend %table-cell;
     }
-  }
 
-  tbody td {
-    @extend %table-cell;
+    tbody {
+      tr {
+        &:nth-child(2n) {
+          background-color: var(--tb-even-bg);
+        }
+        &:nth-child(2n + 1) {
+          background-color: var(--tb-odd-bg);
+        }
+        & {
+          border-bottom: 1px solid var(--tb-border-color);
+        }
+        td {
+          @extend %table-cell;
+        }
+      }
+    }
   }
+}
 
-} // table
 
 
 /*--- post ---*/
diff --git a/assets/css/_addon/module.scss b/assets/css/_addon/module.scss
@@ -15,7 +15,7 @@
 }
 
 %table-cell {
-  padding: .35rem .8rem;
+  padding: .4rem 1rem;
   font-size: 95%;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`%table-cell {`
`18`		`- padding: .35rem .8rem;`
	`18`	`+ padding: .4rem 1rem;`
`19`	`19`	`font-size: 95%;`
`20`	`20`	`}`
`21`	`21`