[docs] Remove HighlightedCode max-width (mui#43731)

bharatkashyap · Oct 16, 2024 · e3ec0c7 · e3ec0c7
1 parent 1c570c1
commit e3ec0c7
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 8 deletions.
diff --git a/packages/mui-docs/src/HighlightedCode/HighlightedCode.tsx b/packages/mui-docs/src/HighlightedCode/HighlightedCode.tsx
@@ -10,10 +10,6 @@ const Pre = styled('pre')(({ theme }) => ({
  margin: 0,
  color: 'hsl(60deg 30% 96.08%)', // fallback color until Prism's theme is loaded
  WebkitOverflowScrolling: 'touch', // iOS momentum scrolling.
- maxWidth: 'calc(100vw - 32px)',
- [theme.breakpoints.up('md')]: {
- maxWidth: 'calc(100vw - 32px - 16px)',
- },
  '& code': {
  // Avoid layout jump after hydration (style injected by Prism)
  ...theme.typography.caption,

diff --git a/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx b/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx
@@ -32,11 +32,7 @@ const Root = styled('div')(
  overflow: 'auto',
  WebkitOverflowScrolling: 'touch',
  fontSize: lightTheme.typography.pxToRem(13),
- maxWidth: 'calc(100vw - 32px)',
  maxHeight: '400px',
- [lightTheme.breakpoints.up('md')]: {
- maxWidth: 'calc(100vw - 32px - 16px)',
- },
  },
  '& code': {
  ...lightTheme.typography.body2,