Skip to content

Rework page layout#4013

Open
zenoachtig wants to merge 27 commits intomainfrom
page-layout-rework
Open

Rework page layout#4013
zenoachtig wants to merge 27 commits intomainfrom
page-layout-rework

Conversation

@zenoachtig
Copy link
Copy Markdown
Contributor

@zenoachtig zenoachtig commented Feb 16, 2026

  • Standardized layout state via Tailwind variants: the branch introduces two layout mode variants (layout-default, layout-wide) and uses body:has(.layout-*) selectors to drive responsive structure consistently.
  • Added CONTENT_STYLE to centralize content width rules: separates “site chrome” sizing (CONTAINER_STYLE) from the actual page content max-width, so multiple components share the same width logic.
  • Replaced per-component width overrides with layout-mode-driven constraints: PageBody now determines wideLayout once (page config + full-width blocks) and applies CONTENT_STYLE + layout-* classes, reducing ad-hoc max-w-* / special-case overrides.
  • Reworked both sidebars around the new layout modes: left TOC/sidebar gets no-sidebar / has-sidebar behavior with minimal/fixed variants in wide layout, and the right outline is refactored into a proper SideSheet with overlay/close + explicit “outline open” state.

Deliberate effects of this rework:

  • When one block is wide, the page is wide. The page layout treats a single wide block the same as the wide page-layout option. No more individual blocks to adjust. While this is technically a reduction of block options, in practice this results in more uniform layouts and the system functioning as people expect.
  • When the page is wide, all blocks that can be wide are wide as well.
  • Moving "On this page" into a side sheet will result in the page outline being available on mobile screens as well.

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Feb 16, 2026

🦋 Changeset detected

Latest commit: e45c6e9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
gitbook Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@argos-ci
Copy link
Copy Markdown

argos-ci bot commented Feb 16, 2026

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build Status Details Updated (UTC)
customers-v2-cloudflare (Inspect) 👍 Changes approved 119 changed Apr 8, 2026, 8:40 AM
customers-v2-vercel (Inspect) 👍 Changes approved 119 changed Apr 8, 2026, 8:40 AM
v2-cloudflare (Inspect) 👍 Changes approved 493 changed Apr 8, 2026, 8:46 AM
v2-vercel (Inspect) 👍 Changes approved 502 changed Apr 8, 2026, 8:45 AM

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 87443dbac8

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@zenoachtig
Copy link
Copy Markdown
Contributor Author

@codex review

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 984a822c0f

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant