mentionwell 1.4.1 → 1.4.2

package/dist/mentionwell-article.css

@@ -472,19 +472,26 @@
    under a sticky sidebar CTA). `display: block` is what makes overflow-x
    actually work — `display: table` ignores `overflow` on itself. */
 .wb-article-host table {
-  display: block;
+  /* Real table layout so cells stretch to fill the container width.
+     `display: block` (the previous attempt at making the table scroll
+     horizontally) caused the inner table layout to collapse to its
+     content width, leaving a large empty band on the right side of the
+     bordered region. We rely on `table-layout: auto` + `width: 100%`
+     so columns fill the article column instead. Mobile horizontal
+     scroll is handled below by giving the table its own scroll wrapper
+     via the `display` switch only at narrow breakpoints. */
+  display: table;
   width: 100%;
   max-width: 100%;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
+  table-layout: auto;
   border-collapse: collapse;
   margin: 2rem 0;
   font-size: 0.95rem;
   background: var(--wb-paper);
-  /* Stronger border so the table is visible against paper-tone page bgs. */
   border: 1px solid #B7AEA1;
   border-radius: var(--wb-radius-sm);
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
+  overflow: hidden;
 }
 /* Forest-green header with cream text. !important guards defeat host
    themes that set a generic cream/light bg on `.blog-content th` and
@@ -522,7 +529,14 @@
 /* Mobile: tighten table cells. (Horizontal scroll is already enabled at
    all breakpoints in the base table rule above.) */
 @media (max-width: 640px) {
+  /* On narrow screens, allow the table to scroll horizontally inside the
+     article column rather than overflowing the page. `display: block` here
+     lets `overflow-x: auto` actually take effect (which it can't on a
+     `display: table` element). */
   .wb-article-host table {
+    display: block;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
     font-size: 0.88rem;
   }
   .wb-article-host thead th, .wb-article-host tbody td {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mentionwell",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Destination-side API reader + styles for Mentionwell-generated blog posts.",
   "license": "MIT",
   "author": "Isaac Horowitz <horowitzisaac@gmail.com>",
@@ -49,6 +49,6 @@
     "access": "public"
   },
   "devDependencies": {
-    "typescript": "^5.5.0"
+    "typescript": "^6.0.3"
   }
 }