Skip to content

feat(nav): add panelDropdown theme icon - #2296

Merged
markdumay merged 1 commit into
mainfrom
fix/panel-dropdown-icon
Oct 31, 2026
Merged

markdumay merged 1 commit into
mainfrom
fix/panel-dropdown-icon

Conversation

@markdumay

Copy link
Copy Markdown
Collaborator

Summary

Responsive nav and table filter dropdowns always draw the stylesheet's caret, even on sites that replace the navbar's caret through the navbarDropdown theme icon. A site with a custom navbar icon therefore shows two different dropdown indicators.

This adds an optional panelDropdown theme icon for assets/panel-dropdown.html:

  • When set, it replaces the caret on the dropdown toggle, using the same dropdown-toggle-icon modifier as the navbar.
  • When unset, it falls back to navbarDropdown, so a site naming only that icon gets matching indicators throughout.
  • With neither set, the markup is unchanged.

assets/nav.html and assets/table.html now pass page to the partial, which the icon needs.

The fallback means sites that already set navbarDropdown will see the icon on these dropdowns after upgrading.

Testing

  • test:templates passes in the default, theme-icons and menu-case environments
  • New table filter test failed before the change. The theme-icons overlay now sets both icons, and the two nav class checks follow the environment
  • Fallback checked by hand: with panelDropdown removed from the overlay, the toggle renders the navbarDropdown icon. This is not covered by an automated test
  • Lint passes
  • Built a downstream site against this branch: the table filter renders its theme icon, the caret is hidden and the dropdown opens at 390px in Chrome, light mode

🤖 Generated with Claude Code

Responsive nav and table filter dropdowns always drew the stylesheet's
caret, even on sites that replace the navbar's caret with an icon.

An optional `panelDropdown` theme icon now replaces it. Unset, it falls
back to `navbarDropdown`, so a site naming only that icon gets matching
indicators throughout. With neither set, the markup is unchanged.

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

netlify Bot commented Oct 31, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for gethinode-demo ready!

Name Link
🔨 Latest commit 67132cb
🔍 Latest deploy log https://app.netlify.com/projects/gethinode-demo/deploys/6ae5d1826c68dc47028da0a2
😎 Deploy Preview https://deploy-preview-2296--gethinode-demo.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.

@markdumay
markdumay merged commit 96d9dc3 into main Oct 31, 2026
17 checks passed
@markdumay
markdumay deleted the fix/panel-dropdown-icon branch October 31, 2026 11:49
@markdumay

Copy link
Copy Markdown
Collaborator Author

🎉 This PR is included in version 3.48.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant