Header: align with website redesign (hover-open, underline, Model dropdown)#21
Merged
Conversation
…pdown) Mirrors the website header changes (PolicyEngine/policyengine-app-v2#1059) so users see consistent navigation across zones. - Dropdowns open on hover with a 100ms intent delay and a 200ms close grace; a transparent paddingTop "bridge" inside the same hover container fills the 10px gap so the cursor doesn't trigger close while travelling to the panel. Click toggles, Escape, and outside-click still work for touch / keyboard. - Per-item center-out underline grow on hover. The active page (or any child of a dropdown trigger) keeps the underline lit so the bar shows where you are. Active-state walks dropdown children recursively. - Model is now a dropdown with the full sidebar mirror: Rules (Coverage / Parameters / Variables), Data (Pipeline / Calibration / Validation), Behavioral responses. Children are indented one level. - Per-property transition delays on dropdown rows: the cascading entry reveal staggers opacity only; hover background/color stay instant. - Logo→nav gap bumped from spacing.md (12px) to 40px so the logo reads as an anchor instead of another menu entry. - MobileMenu now walks nested children too and indents them. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Mirrors the website header changes in PolicyEngine/policyengine-app-v2#1059 so users see consistent navigation across PolicyEngine zones.
What changes
Hover-to-open dropdowns (About, Model) with a 100ms intent delay and a 200ms close grace. A transparent
paddingTop"bridge" inside the same hover container fills the 10px gap between trigger and panel — moving the cursor into the panel no longer closes it. Click toggles, Escape, and outside-click still work for touch / keyboard.Per-item underline-grow on hover (
transform: scaleX(0→1)from center). The active page — or any child of a dropdown trigger — keeps the underline lit, so the bar always shows where you are.Model dropdown replaces the flat Model link. Full sidebar mirror:
Children indented one level. Parents (Rules, Data, Behavioral responses) clickable to their overview pages (now real pages as of PolicyEngine/policyengine-model#41).
Per-property transition delays on dropdown rows: the cascading entry reveal staggers
opacityonly; hover background/color stay instant. Fixes the lag when sweeping the cursor across rows of an open dropdown.Logo→nav gap bumped from 12px to 40px so the logo reads as an anchor rather than another menu entry.
Mobile menu walks nested children and renders them indented.
Test plan
🤖 Generated with Claude Code