Skip to content

Conversation

@RubenSandwich
Copy link
Collaborator

@RubenSandwich RubenSandwich commented Oct 28, 2025

πŸ”— Relevant links

πŸ—’οΈ What

  1. Removes the --main-element-max-width css var which was locking the content size of MDX content
  2. Adds a content size of 75ch for MDX content
  3. Allows MDX content tables to grow past 75ch, by giving MDX blocks the CSS class mdx-content-full-width which skips over the width limit

πŸ“Έ Design Screenshots

Before (with current fixed content width)

Screenshot 2025-10-29 at 10 53 17β€―AM

After (with new growing content width for tables)

Screenshot 2025-10-29 at 10 52 59β€―AM

πŸ§ͺ Testing

  1. Visit a docs page with a table with cut off content due to it's large with
    1. Currently on developer.hashicorp.com
    2. With this new growing content PR
  2. Visit a product landing page
    1. Currently on developer.hashicorp.com
    2. With this new growing content PR
  3. Visit a tutorial page
    1. Currently on developer.hashicorp.com
    2. With this new growing content PR

PCI review checklist

  • I have documented a clear reason for, and description of, the change I am making.

  • If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.

  • If applicable, I've documented the impact of any changes to security controls.

    Examples of changes to security controls include using new access control methods, adding or removing logging pipelines, etc.

@vercel
Copy link

vercel bot commented Oct 28, 2025

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

Project Deployment Preview Comments Updated (UTC)
dev-portal Ready Ready Preview Comment Oct 31, 2025 5:45pm

@github-actions
Copy link

github-actions bot commented Oct 28, 2025

πŸ“¦ Next.js Bundle Analysis

This analysis was generated by the next.js bundle analysis action πŸ€–

This PR introduced no changes to the javascript bundle πŸ™Œ

(mod) => mod.default
)
}
strict={process.env.NODE_ENV === 'development'}
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

This for some reason wasn't formatted through our format rules, now it uses tabs which is why it looks so strange in github.

@RubenSandwich RubenSandwich changed the title Move content to the left, and allow tables to grow Better align MDX content and allow tables to grow past content size Oct 29, 2025
@github-actions
Copy link

This PR is stale because it has been open 20 days with no activity. It will be closed in 5 days unless you remove the stale label or comment.

@github-actions github-actions bot added the stale label Nov 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant