Skip to content

Conversation

@devin-ai-integration
Copy link
Contributor

Summary

Fixes inline codeblocks in MDX content overflowing their containers instead of wrapping. This was visible on pages like the company handbook where long URLs in inline code would extend beyond the content area.

The fix adds overflow-wrap: break-word and word-break: break-all to inline code elements within prose content, while excluding code blocks (pre code).

Review & Testing Checklist for Human

  • Visit https://hyprnote.com/company-handbook/how-we-work/cms and verify the long URL codeblocks now wrap properly
  • Check that code blocks (multi-line code) are not affected by this change
  • Spot check other docs/blog pages with inline code to ensure no visual regressions

Notes

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
@devin-ai-integration
Copy link
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR that start with 'DevinAI' or '@devin'.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@netlify
Copy link

netlify bot commented Jan 2, 2026

Deploy Preview for hyprnote-storybook canceled.

Name Link
🔨 Latest commit 4508d59
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote-storybook/deploys/69578f1126b12a0008556af6

@netlify
Copy link

netlify bot commented Jan 2, 2026

Deploy Preview for hyprnote ready!

Name Link
🔨 Latest commit 4508d59
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote/deploys/69578f11b7324a00083057b2
😎 Deploy Preview https://deploy-preview-2734--hyprnote.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Jan 2, 2026

Deploy Preview for howto-fix-macos-audio-selection canceled.

Name Link
🔨 Latest commit 4508d59
🔍 Latest deploy log https://app.netlify.com/projects/howto-fix-macos-audio-selection/deploys/69578f117c126800088fa52e

@ComputelessComputer ComputelessComputer merged commit eff1aa0 into main Jan 2, 2026
19 of 20 checks passed
@ComputelessComputer ComputelessComputer deleted the devin/1767345795-fix-inline-code-overflow branch January 2, 2026 09:33
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.

2 participants