opensource/plus-ui
2
0
Fork 0
mirror of https://gitee.com/JavaLionLi/plus-ui.git synced 2026-09-13 07:43:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix 修复 菜单收起样式问题

Browse Source
This commit is contained in:
疯狂的狮子Li 2026-06-25 18:08:23 +08:00
parent 2b8793199d
commit a1ab12e70c
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/assets/styles/layout/menu.less
View File

@ -40,3 +40,39 @@
text-overflow: ellipsis;
white-space: nowrap;
}
.ant-pro-layout .ant-pro-sider .ant-menu-inline-collapsed .ant-menu-title-content,
.ant-pro-layout .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-title-content {
overflow: hidden;
}
.ant-pro-layout .ant-pro-sider .ant-menu-inline-collapsed .layout-menu-link,
.ant-pro-layout .ant-pro-sider.ant-layout-sider-collapsed .layout-menu-link {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
overflow: hidden;
text-align: center;
}
.ant-pro-layout .ant-pro-sider .ant-menu-inline-collapsed .layout-menu-node,
.ant-pro-layout .ant-pro-sider.ant-layout-sider-collapsed .layout-menu-node {
justify-content: center;
width: 100%;
overflow: hidden;
}
.ant-pro-layout .ant-pro-sider .ant-menu-inline-collapsed .layout-menu-node-icon,
.ant-pro-layout .ant-pro-sider.ant-layout-sider-collapsed .layout-menu-node-icon {
width: 100%;
margin-right: 0;
font-size: 16px;
}
.ant-pro-layout .ant-pro-sider .ant-menu-inline-collapsed .layout-menu-node-title,
.ant-pro-layout .ant-pro-sider.ant-layout-sider-collapsed .layout-menu-node-title {
width: 0;
max-width: 0;
opacity: 0;
}