Fix API reference content squish when AI assistant panel opens

[patcapulong]

Summary

• On API reference pages, the code examples panel (#content-side-layout) had flex-shrink: 0 and min-width: 28rem, making it rigid
• When the AI assistant chat panel opens, Mintlify moves code content inline into the main content area, but the now-empty panel kept reserving 448px + 48px gap as a ghost element, squishing the visible content
• Replace with flex: 0 1 28rem so the panel renders at 28rem normally but can collapse when the assistant panel reduces available space

Test plan

• Open an API reference page on staging (e.g., Get customer by ID)
• Verify the two-column layout (content left, code examples right) looks the same as prod
• Open the AI assistant panel and verify the content is no longer squished / ghost element collapses
• Close the assistant and verify layout returns to normal
• Spot-check a non-API page (e.g., Core Concepts) to confirm the TOC sidebar is unaffected

Made with Cursor

[mintlify]

Preview deployment for your docs. Learn more about Mintlify Previews.

Project	Status	Preview	Updated (UTC)
Grid	🟢 Ready	View Preview	Apr 10, 2026, 5:55 PM

💡 Tip: Enable Workflows to automatically generate PRs for you.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
grid-flow-builder	Ready	Preview, Comment	Apr 10, 2026 6:13pm

[greptile-apps]

Greptile Summary

This PR fixes a ghost-element layout bug on API reference pages: the code-examples panel (#content-side-layout) kept reserving its 28rem width + 48px gap even after the AI assistant panel caused Mintlify to move its content inline, squishing the visible content area. The fix scopes the two overriding CSS rules to html:not([data-assistant-state=open]), allowing Mintlify's own collapse rule to take effect when the assistant opens.

Confidence Score: 5/5

Safe to merge — minimal, targeted CSS change with no logic or data concerns.

Single CSS file changed; the fix is correct and precisely scoped. No P0 or P1 findings. The prior P2 comment about max-width redundancy has been noted by the team and is not repeated here.

No files require special attention.

Important Files Changed

Filename	Overview
mintlify/style.css	Scopes the flex-shrink: 0 / min-width: 28rem panel rule and the 48px gap rule to html:not([data-assistant-state=open]) so Mintlify's built-in collapse behaviour fires freely when the AI assistant opens.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Page Load / State Change] --> B{data-assistant-state?}
    B -- "not 'open'" --> C["html:not([data-assistant-state=open]) rules apply\n• flex-shrink: 0\n• min-width: 28rem\n• gap: 48px"]
    C --> D[Two-column layout\ncode panel visible at 28rem]
    B -- "open" --> E[Scoped rules do NOT apply\nMintlify built-in collapse fires]
    E --> F["Mintlify: html[data-assistant-state=open] ... width:0\nPanel collapses cleanly — no ghost element"]
    F --> G[Content area uses full available width]

Loading

_{Reviews (3): Last reviewed commit: "Also scope API reference gap to assistan..." | Re-trigger Greptile}