fix: hide submenu when sidebar is collapsed
This commit is contained in:
@@ -259,6 +259,11 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 收起侧边栏时,禁止当前激活页面的目录直接显示在按钮下方 */
|
||||||
|
.sidebar.collapsed .nav-item-wrapper > .submenu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* 子菜单标题:默认隐藏(在导航栏内折叠时) */
|
/* 子菜单标题:默认隐藏(在导航栏内折叠时) */
|
||||||
.submenu-header {
|
.submenu-header {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
@@ -28,3 +28,19 @@ test('默认布局:应输出 data-theme-mode,支持 dark/light/system 默认
|
|||||||
'templates/layouts/default.hbs 应输出 data-theme-mode 属性'
|
'templates/layouts/default.hbs 应输出 data-theme-mode 属性'
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test('侧边栏样式:收起时不应在页面按钮下方显示目录子菜单', () => {
|
||||||
|
const repoRoot = path.resolve(__dirname, '..');
|
||||||
|
const sidebarStylePath = path.join(repoRoot, 'assets', 'styles', '_sidebar.css');
|
||||||
|
const content = fs.readFileSync(sidebarStylePath, 'utf8');
|
||||||
|
|
||||||
|
assert.ok(
|
||||||
|
content.includes('.sidebar.collapsed .nav-item-wrapper > .submenu'),
|
||||||
|
'assets/styles/_sidebar.css 应在收起态隐藏 nav-item-wrapper 下的 submenu'
|
||||||
|
);
|
||||||
|
assert.match(
|
||||||
|
content,
|
||||||
|
/\.sidebar\.collapsed \.nav-item-wrapper > \.submenu\s*\{[^}]*display:\s*none;/m,
|
||||||
|
'收起态的 submenu 应明确设置为 display: none'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user