seemore 1.9.0 → 1.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seemore",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "Let AI write the Markdown. Let seemore show it better — zero config documentation framework.",
   "license": "MIT",
   "type": "module",

package/src/app/export/exportPage.ts

@@ -286,7 +286,7 @@ const RUNTIME = `(function () {
 
   // Wide enough for the rail: open the collapsible so it reads as a list, not a disclosure.
   var tocDetails = document.querySelector('.seemore-export-toc details');
-  if (tocDetails && window.matchMedia('(min-width: 1280px)').matches) tocDetails.open = true;
+  if (tocDetails && window.matchMedia('(min-width: 1400px)').matches) tocDetails.open = true;
 
   var main = document.querySelector('main');
   var overlay = document.createElement('div');

package/src/app/export/standalone.ts

@@ -104,7 +104,7 @@ function bindBehaviors(): void {
 
   // Wide enough for the rail: open the collapsible so it reads as a list, not a disclosure.
   const tocDetails = document.querySelector<HTMLDetailsElement>('.seemore-export-toc details');
-  if (tocDetails && window.matchMedia('(min-width: 1280px)').matches) tocDetails.open = true;
+  if (tocDetails && window.matchMedia('(min-width: 1400px)').matches) tocDetails.open = true;
 
   const overlay = document.createElement('div');
   overlay.className = 'seemore-export-overlay';

package/src/app/styles/globals.css

@@ -536,8 +536,10 @@
 .seemore-export-main {
   margin-inline: auto;
   max-width: 56rem;
+  /* Generous top padding: with no header above it, the title needs more room than the
+     live page's column or it reads as glued to the top edge. */
   overflow-x: clip;
-  padding: 2rem 1rem 4rem;
+  padding: 4rem 1rem 4rem;
   width: 100%;
 }
 
@@ -618,7 +620,9 @@
   color: var(--color-fd-foreground, #111827);
 }
 
-@media (min-width: 1280px) {
+/* From 1400px up there is room for both the reading column and the rail side by side;
+   below that the rail would ride over the text, so the collapsible stays in flow. */
+@media (min-width: 1400px) {
   .seemore-export-toc {
     inset-inline-end: 2rem;
     margin-block: 0;