Skip to content

Show parent group in eyebrow on section overview pages - #690

Merged
andrewleesteele merged 2 commits into
mainfrom
hypeship/eyebrow-parent-group
Oct 9, 2026
Merged

andrewleesteele merged 2 commits into
mainfrom
hypeship/eyebrow-parent-group

Conversation

@andrewleesteele

@andrewleesteele andrewleesteele commented Oct 8, 2026 •

Copy link
Copy Markdown
Contributor

Summary

On section overview pages, the eyebrow above the title repeats the page title (for example "Proxies" above "Proxies"). eyebrow.js currently hides it there. This PR shows the next group up from the sidebar instead, so the eyebrow always says where the page sits:

  • Proxies, Vaults, Stealth and similar → "Configure"
  • Managed Auth → "Authentication"
  • Browser Telemetry → "Observe"
  • Configure, Control, Scale, Observe, Manage → "How it works"

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-group attribute. style.css renders that attribute in place of the original text, so the script never touches the text node React manages.

Testing

Ran mint dev locally and checked with headless Chromium:

  • full page loads of the overview pages listed above, plus Residential Proxies, Pricing and the home page
  • client-side navigation between overview and non-overview pages in both directions, to confirm the attribute is set and cleared
  • a 390px mobile viewport

🤖 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.js now walks the active sidebar item to find the parent group name, sets data-parent-group when 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.css displays the parent label via ::after and content: 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.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@mintlify

mintlify Bot commented Oct 8, 2026 •

Copy link
Copy Markdown
Contributor

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

Project Status Preview Updated
Kernel 🟢 Ready View Preview Oct 9, 2026, 1:10 AM

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

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

Fix All in Cursor

❌ 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.

Comment thread style.css
#header .eyebrow[data-parent-group]::after {
content: attr(data-parent-group);
font-size: 0.875rem;
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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)
Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit 4296869. Configure here.

@dprevoznik dprevoznik left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@andrewleesteele
andrewleesteele merged commit 5723754 into main Oct 9, 2026
3 checks passed
@andrewleesteele
andrewleesteele deleted the hypeship/eyebrow-parent-group branch October 9, 2026 01:17

This branch was successfully deployed

1 active deployment
staging — 80e9d2b1 Deployed Oct 9, 2026 by mintlify[bot]
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