fix wide notebook banner for column layout

[Light2Dark]

📝 Summary

Fixes #7408
Previously the notebook banner would stretch the entire notebook (when the panel is open), because the notebook panel is shifted. This PR removes that sticky css, only placing it on the left.

Screen.Recording.2025-12-09.at.12.28.17.AM.mov

I did find another way to make it sticky (using container queries), but I'm not sure if there are side effects of the below change.

<Panel id="app-chrome-body" className="[container-type:inline-size]">

        width === "columns" && "sticky left-12 w-full max-w-[80cqw]",

🔍 Description of Changes

📋 Checklist

• I have read the contributor guidelines.
• For large changes, or changes that affect the public API: this change was discussed or approved through an issue, on Discord, or the community discussions (Please provide a link if applicable).
• I have added tests for the changes made.
• I have run the code and verified that it works as expected.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
marimo-docs	Ready	Preview	Comment	Dec 8, 2025 4:33pm

[mscolnick]

the container query is nice, but maybe just better to be simpler. its a nice fix too