feat(ui): cap tool toggle menu to five items with hidden scrollbar

This commit is contained in:
JOJO 2026-04-27 01:42:32 +08:00
parent 3cd8bdabef
commit 2c75bb01a0
2 changed files with 17 additions and 1 deletions

View File

@ -64,7 +64,7 @@
<div class="quick-submenu tool-submenu" v-if="toolMenuOpen">
<div class="submenu-status" v-if="toolSettingsLoading">正在同步工具状态...</div>
<div v-else-if="!toolSettings.length" class="submenu-empty">暂无可控工具</div>
<div v-else class="submenu-list">
<div v-else class="submenu-list tool-submenu-list">
<button
v-for="category in toolSettings"
:key="category.id"

View File

@ -583,6 +583,22 @@
color: var(--claude-text-secondary);
}
.tool-submenu-list {
// 显示约 5 条工具项其余通过滚动查看
max-height: calc(44px * 5 + 6px * 4);
overflow-y: auto;
overscroll-behavior: contain;
padding-right: 2px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.tool-submenu-list::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.menu-entry.disabled {
opacity: 0.5;
}