diff --git a/src/assets/styles/layout/menu.less b/src/assets/styles/layout/menu.less index 5ed9f854..d5d15e8f 100644 --- a/src/assets/styles/layout/menu.less +++ b/src/assets/styles/layout/menu.less @@ -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; +}