@blaaiz/docs-core 0.9.2 → 0.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaaiz/docs-core",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Neutral, self-hostable documentation framework core — navigation parsing, OpenAPI merging, MDX doc components, and a hardened try-it proxy. Config and content live in each consuming site.",
   "keywords": [
     "documentation",

package/styles/api-reference.css

@@ -237,6 +237,41 @@
   pointer-events: auto;
 }
 
+/* The section heading rows (Authorization, Request Body, a response) hold
+   their meta — scheme and scope, the media type — in a right-hand block that
+   is a flex item without min-width: 0, so it never shrinks and runs off the
+   viewport, clipped. Let it shrink (fumadocs' own `truncate` then works), and
+   on phones wrap the text instead of truncating so the scope stays readable. */
+#nd-page div[class*='justify-between'][class*='gap-2'] > .not-prose {
+  min-width: 0;
+}
+
+@media (width < 40rem) {
+  #nd-page div[class*='justify-between'][class*='gap-2'] > .not-prose code[class*='truncate'] {
+    white-space: normal;
+    overflow: visible;
+    text-align: right;
+  }
+}
+
+/* On phones the title owns its full width (it wraps), so the overlay trick
+   would sit the control on the heading text: keep the control in flow, on its
+   own right-aligned row above the title. */
+@media (width < 40rem) {
+  #nd-page .api-page-actions {
+    margin-bottom: 0.5rem;
+  }
+}
+
+/* While the overlay is active, the title must never run under the control:
+   reserve the control's footprint on the heading's line, so a long title
+   wraps clear of it at any width. */
+@media (width >= 40rem) {
+  #nd-page .api-page-actions + * h2[class*='my-0'] {
+    padding-right: 11rem;
+  }
+}
+
 @media (min-width: 1280px) {
   #nd-page .api-page-actions {
     padding-right: calc(460px + 1.5rem);
@@ -1311,6 +1346,18 @@ div[class*='bg-fd-popover'] [class*='prose-no-margin'] {
   align-items: center;
 }
 
+/* Below tablet width the pinned pills land on the property name itself:
+   restore the stock flow, under the name row. */
+@media (width < 48rem) {
+  :is(#nd-page, div[class*='bg-fd-popover'])
+    div[class*='prose-no-margin']
+    > div[class*='mt-2'][class*='flex-row'][class*='flex-wrap'] {
+    position: static;
+    transform: none;
+    margin: 0.5rem 0 0;
+  }
+}
+
 /* Enum values ("Value in") share that pinned row with the small constraint
    chips, but they are a whole card with a bulleted list — pinned, it floated
    over the neighbouring property's text. Collapse it to a chip the same size as