]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/commitdiff
That was a (curious) mistake.
authorkarsk <karsk@web>
Fri, 30 Sep 2016 08:10:10 +0000 (04:10 -0400)
committeradmin <admin@branchable.com>
Fri, 30 Sep 2016 08:10:10 +0000 (04:10 -0400)
doc/bugs/style.css___40__unnecessarily__41___breaks_pandoc_table_headers.mdwn [new file with mode: 0644]

diff --git a/doc/bugs/style.css___40__unnecessarily__41___breaks_pandoc_table_headers.mdwn b/doc/bugs/style.css___40__unnecessarily__41___breaks_pandoc_table_headers.mdwn
new file mode 100644 (file)
index 0000000..a667bfa
--- /dev/null
@@ -0,0 +1,46 @@
+This may, strictly speaking, be a bug in the [[plugins/contrib/pandoc]] plugin, but I think it would be better to fix it in ikiwiki because of its kind (and maybe because I believe/hope pandoc will become the markdown dialect standard). For all I know it might not only affect pandoc tables. 
+
+When creating a simple table in pandoc-flavoured markdown,
+
+    1    2
+    ---  ---
+    3    4
+
+pandoc converts this to the html code
+
+       <table>
+       <thead>
+       <tr class="header">
+       <th align="left">1</th>
+       <th align="left">2</th>
+       </tr>
+       </thead>
+       <tbody>
+       <tr class="odd">
+       <td align="left">3</td>
+       <td align="left">4</td>
+       </tr>
+       </tbody>
+       </table>
+
+`<tr class="header">` causes it to be affected by `style.css`'s
+
+       .header {
+               margin: 0;
+               font-size: 140%;
+               font-weight: bold;
+               line-height: 1em;
+               display: block;
+       }
+
+(more specifically by `display: block;`), which results in all header cells to cramp together in the first column.
+
+The fix is easy: In `style.css` change `.header {` to `.header tr:not(.header) {`.
+
+Alternatively, add the following code.
+
+       tr.header {
+               display: table-row;
+               }
+
+I've added that last code snippet to my `custom.css` file. I admit `.header tr:not(.header)` is not especially elegant, but then again, I have almost no knowledge of CSS. There might be better solutions. (I don't even know why `display: block;` breaks the tables or why changing it to `display: table-header;` doesn't fix it but `display: table-row;` does :D )