Skip to content

Fix double chevron issue caused by Mintlify update#324

Closed
patcapulong wants to merge 2 commits intomainfrom
claude/slack-session-rtjBP
Closed

Fix double chevron issue caused by Mintlify update#324
patcapulong wants to merge 2 commits intomainfrom
claude/slack-session-rtjBP

Conversation

@patcapulong
Copy link
Copy Markdown
Contributor

Hide ::after pseudo-elements that Mintlify may have added to accordion and expandable summaries, which were causing duplicate chevrons alongside our custom ::before chevrons.

  • Added ::after hiding rules for accordion-group summaries
  • Added ::after hiding rules for standalone accordion summaries
  • Added ::after hiding rules for API reference expandable sections
  • Added additional icon element selectors (span[data-icon], [data-slot="icon"])

https://claude.ai/code/session_01Csh9eQughWs7SqfyMfFVw4

Hide ::after pseudo-elements that Mintlify may have added to accordion
and expandable summaries, which were causing duplicate chevrons alongside
our custom ::before chevrons.

- Added ::after hiding rules for accordion-group summaries
- Added ::after hiding rules for standalone accordion summaries
- Added ::after hiding rules for API reference expandable sections
- Added additional icon element selectors (span[data-icon], [data-slot="icon"])

https://claude.ai/code/session_01Csh9eQughWs7SqfyMfFVw4
@mintlify
Copy link
Copy Markdown
Contributor

mintlify Bot commented Apr 9, 2026

Preview deployment for your docs. Learn more about Mintlify Previews.

Project Status Preview Updated (UTC)
Grid 🟢 Ready View Preview Apr 9, 2026, 9:01 PM

💡 Tip: Enable Workflows to automatically generate PRs for you.

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 9, 2026

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

Project Deployment Actions Updated (UTC)
grid-flow-builder Ready Ready Preview, Comment Apr 9, 2026 9:00pm

Request Review

@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps Bot commented Apr 9, 2026

Greptile Summary

This PR patches mintlify/style.css to suppress duplicate chevrons introduced by a Mintlify update, which began emitting ::after pseudo-elements alongside the existing ::before custom chevrons. All changes are purely defensive CSS — hiding ::after on accordion-group, standalone accordion, and API-playground summary elements, plus covering new icon-slot selectors (span[data-icon], [data-slot="icon"]). The sidebar selector block was also updated from targeting > svg directly to covering the new div:has(> svg) wrapper Mintlify introduced.

Confidence Score: 5/5

Safe to merge — pure CSS defensive fixes with no logic changes or functional risk.

All changes are additive CSS display: none / content: none rules targeting Mintlify-generated pseudo-elements and icon slots. No application logic, no OpenAPI spec, and no MDX content is touched. The selectors are appropriately scoped and the fix directly addresses the stated double-chevron symptom.

No files require special attention.

Vulnerabilities

No security concerns identified.

Important Files Changed

Filename Overview
mintlify/style.css Adds ::after hiding rules and new icon-element selectors to prevent Mintlify-generated duplicate chevrons; also expands sidebar SVG selectors to handle the new wrapped-div DOM structure.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Mintlify Update] -->|adds ::after chevron| B[Duplicate chevron visible]
    B --> C{Element type}
    C -->|accordion-group summary| D[accordion-group summary::after hidden]
    C -->|standalone accordion summary| E[content and prose accordion summary::after hidden]
    C -->|API playground expandable| F[api-playground details summary::after hidden]
    C -->|sidebar nav button| G[SVG wrapper div and svg hidden]
    D --> H[Single chevron via custom ::before]
    E --> H
    F --> H
    G --> H
Loading

Reviews (2): Last reviewed commit: "Fix API sidebar chevron selectors and cl..." | Re-trigger Greptile

@pengying pengying enabled auto-merge (squash) April 9, 2026 21:08
Mintlify now wraps the API reference sidebar chevron SVG in a child div, so the previous direct-child selector missed it and left the native chevron visible beside our custom one. Also clear the floating Ask AI input's own pseudo-element so the bottom bar stays fully transparent.

Made-with: Cursor
@pengying pengying closed this Apr 9, 2026
auto-merge was automatically disabled April 9, 2026 21:15

Pull request was closed

patcapulong added a commit that referenced this pull request Apr 9, 2026
## Summary
- supersede the closed `#324` with a fresh PR that keeps the existing
accordion and expandable chevron guards
- hide Mintlify's newly wrapped API Reference sidebar chevron markup so
it no longer renders beside our custom chevron styling
- make the floating Ask AI input's bottom bar pseudo-element fully
transparent

## Test plan
- [x] Run `make lint`
- [ ] Verify the API Reference sidebar shows a single chevron in the
Mintlify preview
- [ ] Verify the Ask AI input bottom bar is transparent in the Mintlify
preview


Made with [Cursor](https://cursor.com)

---------

Co-authored-by: Claude <noreply@anthropic.com>
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.

3 participants