Browse Source

fix: 修复菜单升级之后的bug

pull/146/head
cp3hnu 1 year ago
parent
commit
b07f850c19
2 changed files with 25 additions and 16 deletions
  1. +8
    -0
      react-ui/src/overrides.less
  2. +17
    -16
      react-ui/src/styles/menu.less

+ 8
- 0
react-ui/src/overrides.less View File

@@ -204,6 +204,14 @@
margin-inline-start: 12px;
}

.ant-pro-layout .ant-pro-sider-logo-collapsed {
padding: 16px 12px;
}

.ant-pro-base-menu-inline .ant-pro-base-menu-inline-menu-item {
transition: padding 0.1s !important;
}

// PageContainer 里的 ProTable 只滑动内容区域
.system-menu.ant-pro-page-container {
height: 100%;


+ 17
- 16
react-ui/src/styles/menu.less View File

@@ -15,16 +15,6 @@
display: none !important;
margin-left: 0 !important;
}

&:hover {
.anticon.kf-menu-item__default-icon {
display: none !important;
}
.anticon.kf-menu-item__active-icon {
display: inline !important;
opacity: 1;
}
}
}
}

@@ -42,18 +32,29 @@
}
}

.ant-menu-submenu .ant-menu-submenu-title:hover,
.ant-menu-item:hover {
color: @primary-color !important;

.kf-menu-item {
.anticon.kf-menu-item__default-icon {
display: none !important;
}

.anticon.kf-menu-item__active-icon {
display: inline !important;
opacity: 1;
}
}
}

.ant-pro-base-menu-vertical-collapsed {
.kf-menu-item {
justify-content: center;
width: 100%;

.kf-menu-item__name {
display: none !important;
}
}
}

.ant-menu-submenu {
.ant-menu-submenu-title:hover {
color: @primary-color !important;
}
}

Loading…
Cancel
Save