Repository navigation
Show parent group in eyebrow on section overview pages - #690
Conversation
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
Preview deployment for your docs. Learn more about Mintlify Previews.
💡 Tip: Enable Automations to automatically generate PRs for you. |
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Want higher recall? High effort reviews run extra passes and find more bugs. A team admin can switch effort levels in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 4296869. Configure here.
| #header .eyebrow[data-parent-group]::after { | ||
| content: attr(data-parent-group); | ||
| font-size: 0.875rem; | ||
| } |
There was a problem hiding this comment.
Eyebrow replacement skips assistive tech
Low Severity
The parent group is painted with ::after and font-size: 0, so the original eyebrow text stays in the accessibility tree. Assistive tech still hears the repeating title, and may also hear the parent, which undoes the old display: none hide for those users.
Additional Locations (1)
Reviewed by Cursor Bugbot for commit 4296869. Configure here.


Summary
On section overview pages, the eyebrow above the title repeats the page title (for example "Proxies" above "Proxies").
eyebrow.jscurrently hides it there. This PR shows the next group up from the sidebar instead, so the eyebrow always says where the page sits:Pages whose eyebrow already differs from the title (e.g. "Proxies" above "Residential Proxies") are unchanged. If the sidebar has no parent group for the page, the eyebrow is still hidden, as it is today.
The script reads the parent from the active sidebar item's ancestors and writes it to a
data-parent-groupattribute.style.cssrenders that attribute in place of the original text, so the script never touches the text node React manages.Testing
Ran
mint devlocally and checked with headless Chromium:🤖 Generated with Claude Code
Note
Low Risk
Client-side docs header styling only; no auth, APIs, or data handling, with fallback to hiding the eyebrow when no parent group is found.
Overview
On section overview pages where the Mintlify eyebrow duplicated the page title, the docs no longer hide the eyebrow entirely.
eyebrow.jsnow walks the active sidebar item to find the parent group name, setsdata-parent-groupwhen eyebrow and title match, and only hides the eyebrow when they match and no parent exists. Pages where the eyebrow already differs from the title are unchanged.style.cssdisplays the parent label via::afterandcontent: attr(data-parent-group)while collapsing the original React-owned text, so the script does not mutate eyebrow text nodes.Reviewed by Cursor Bugbot for commit 80e9d2b. Bugbot is set up for automated code reviews on this repo. Configure here.