fix(ui): resolve dropdown double arrow and icon stacking issues#1387
fix(ui): resolve dropdown double arrow and icon stacking issues#1387danielroe merged 3 commits intonpmx-dev:mainfrom
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
|
📝 WalkthroughWalkthroughThis pull request makes two targeted UI adjustments: the header div in MobileTreeDrawer.vue now includes an explicit z-index (z-10) to adjust stacking order relative to sibling elements, and a decorative chevron-down icon element has been removed from the page size control within PaginationControls.vue. No changes to functional behaviour, event handling, or public APIs have been introduced. Possibly related PRs
Suggested labels
Suggested reviewers
🚥 Pre-merge checks | ✅ 1✅ Passed checks (1 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches🧪 Generate unit tests (beta)
No actionable comments were generated in the recent review. 🎉 Tip Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord. Comment |
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
Description
MobileTreeDrawerwhere icons were appearing over the sticky header. Applied az-indexto the sticky header to ensure proper stacking order.PageSizeselect component to improve visual consistency.Before & After
First Fix: Sticky Header z-Index
Before
Screencast.from.11-02-26.10.09.01.PM.IST.webm
After
Screencast.from.11-02-26.10.07.42.PM.IST.webm
Second Fix: Duplicate Chevron Removal
Before
After