Commit 647c2a9
fix: add overflow hidden to code group containers for corner radius clipping (#205)
## Summary
- Adds `overflow: hidden !important` to the general `.code-group,
[data-testid="code-group-select"]` CSS rule in `mintlify/style.css`
- Fixes sharp corners and border clipping on API reference code blocks
in production, where Mintlify's Tailwind `overflow-hidden` class is no
longer being applied to code group containers
## Context
The content-area scoped rule (`#content .code-group`, etc.) already had
`overflow: hidden`, but the general selector used by API reference pages
did not. Without it, inner elements with `border-radius: 0` bleed
through the parent's rounded border, making corners appear sharp.
## Test plan
- [x] Verified the fix resolves the issue in production (via browser dev
tools)
- [x] Confirm code blocks on API reference pages render with rounded
corners after deploy
- [x] Confirm code blocks in content pages (guides, quickstarts) are
unaffected
Made with [Cursor](https://cursor.com)
Co-authored-by: Cursor <cursoragent@cursor.com>1 parent 2aafcdf commit 647c2a9
1 file changed
Lines changed: 1 addition & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1648 | 1648 | | |
1649 | 1649 | | |
1650 | 1650 | | |
| 1651 | + | |
1651 | 1652 | | |
1652 | 1653 | | |
1653 | 1654 | | |
| |||
0 commit comments