后台侧栏按业务分组支持折叠
Project CI / AI game creator shell Rust crates (push) Successful in 2m45s
Project CI / AI game creator shell Rust lane 2/2 (push) Successful in 4m17s
Project CI / AI game creator shell Rust lane 1/2 (push) Successful in 5m27s
Project CI / Frontend tests (push) Successful in 3m4s
Project CI / Backend tests (push) Successful in 6m32s
Project CI / Native shell tests (push) Successful in 7m36s
Project CI / AI game creator shell web tests (push) Successful in 3m24s
Project CI / Repository checks (push) Successful in 6m44s

新增后台侧栏业务分组与当前页自动展开行为

补充折叠交互、路由分组和权限过滤测试

同步后台导航分组行为文档
This commit is contained in:
kdletters
2026-10-04 13:25:58 +08:00
parent a6fb2f01c1
commit 81cfbae207
6 changed files with 357 additions and 17 deletions
+62 -3
View File
@@ -289,7 +289,66 @@ button:disabled {
.admin-nav {
display: grid;
gap: 8px;
gap: 12px;
}
.admin-nav-group {
display: grid;
gap: 4px;
}
.admin-nav-group-toggle {
display: flex;
align-items: center;
gap: 6px;
min-height: 28px;
border: 0;
border-radius: 6px;
padding: 0 8px;
color: #a08472;
background: transparent;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-align: left;
cursor: pointer;
}
.admin-nav-group-toggle svg {
flex: 0 0 auto;
transition: transform 160ms ease;
}
.admin-nav-group[data-collapsed='true'] .admin-nav-group-toggle svg {
transform: rotate(-90deg);
}
.admin-nav-group-toggle small {
min-width: 18px;
margin-left: auto;
border-radius: 999px;
padding: 2px 5px;
color: #b18d76;
background: #faf0e8;
font-size: 10px;
line-height: 1.2;
text-align: center;
}
.admin-nav-group-toggle:hover,
.admin-nav-group-toggle:focus-visible {
color: #8f3f27;
background: #fff8f2;
outline: none;
}
.admin-nav-group-items {
display: grid;
gap: 4px;
}
.admin-nav-group-items[data-collapsed='true'] {
display: none;
}
.admin-nav-button,
@@ -305,8 +364,8 @@ button:disabled {
.admin-nav-button {
justify-content: flex-start;
gap: 10px;
min-height: 42px;
padding: 0 12px;
min-height: 40px;
padding: 0 12px 0 28px;
color: #755a49;
background: transparent;
}