render width fix

For an unknown reason, rendering of some books was resulting in the table expanding beyond 100% browser width. These CSS changes fix the issue.
wydengyre · Oct 12, 2024 · e80a335 · e80a335
1 parent f1a0fb0
commit e80a335
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 5 deletions.
diff --git a/packages/cf/test/aligned.html b/packages/cf/test/aligned.html
diff --git a/packages/cli/test/bovary.aligned.cli.html b/packages/cli/test/bovary.aligned.cli.html
@@ -10,6 +10,11 @@
       line-height: 33px;
     }
 
+    table {
+      width: 100%;
+      table-layout: fixed;
+    }
+
     thead {
       position: sticky;
       top: 0;
@@ -27,9 +32,11 @@
     }
 
     td {
+      box-sizing: border-box;
       vertical-align: top;
       width: 50%;
       padding: 0 1em 1em;
+      word-wrap: break-word;
     }
 
     #swap-columns {

diff --git a/packages/core/render.ts b/packages/core/render.ts
@@ -57,6 +57,11 @@ const TEMPLATE = `<!DOCTYPE html>
       line-height: 33px;
     }
 
+    table {
+      width: 100%;
+      table-layout: fixed;
+    }
+
     thead {
       position: sticky;
       top: 0;
@@ -74,9 +79,11 @@ const TEMPLATE = `<!DOCTYPE html>
     }
 
     td {
+      box-sizing: border-box;
       vertical-align: top;
       width: 50%;
       padding: 0 1em 1em;
+      word-wrap: break-word;
     }
 
     #swap-columns {