Skip to content

Conversation

@qjebbs
Copy link
Contributor

@qjebbs qjebbs commented Aug 7, 2025

What

折叠状态导航菜单优化

How

对应4个commits,分别:

  1. 点击弹出导航菜单项时关闭无关项,避免菜单层叠遮挡

  2. 一级菜单是 hover,二三级菜单需要点击,比较不协调。调整为移动切换子菜单。

  3. 优化菜单展开方向,比如,位于屏幕下沿的菜单项,很多时候向上展开即可避免溢出
    image

  4. 选择展开方向后若仍溢出,充分利用剩余空间:向上展开时的底部空间;向下展开时的顶部空间
    image

只要子菜单高度不超过屏幕高度都能完整展示,这应该能适应绝大多数场合了。否则仍会溢出,能力有限没解决。

@github-actions github-actions bot added the feat label Aug 7, 2025
@github-actions
Copy link

github-actions bot commented Aug 7, 2025

👍 Thanks for this!
🏷 I have applied any labels matching special text in your issue.

Please review the labels and make any necessary changes.

@qjebbs qjebbs force-pushed the close_sibling_nav_item branch from ca4e493 to 3ed0f7c Compare August 7, 2025 06:58
@qjebbs qjebbs marked this pull request as draft August 7, 2025 08:44
@qjebbs qjebbs force-pushed the close_sibling_nav_item branch from 3ed0f7c to 7cc1385 Compare August 8, 2025 10:35
@qjebbs qjebbs changed the title feat: 点击弹出导航菜单项时关闭其它同级项,避免菜单层叠遮挡 feat: 折叠状态导航菜单优化 Aug 8, 2025
@qjebbs qjebbs force-pushed the close_sibling_nav_item branch from 7cc1385 to c1100a9 Compare August 8, 2025 11:10
@qjebbs qjebbs marked this pull request as ready for review August 8, 2025 11:14
@qjebbs qjebbs force-pushed the close_sibling_nav_item branch from c1100a9 to c88e0c9 Compare August 9, 2025 02:23
@qjebbs qjebbs force-pushed the close_sibling_nav_item branch 4 times, most recently from 5e729ea to a9f8cd5 Compare August 10, 2025 09:42
@qjebbs qjebbs force-pushed the close_sibling_nav_item branch from a9f8cd5 to f40f773 Compare August 10, 2025 09:43
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