baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update menu styles

Browse Source 
update menu styles to better display long titles

Change-Id: I4e766c7af18b30cb2751e433b11b61f5aaa01da7
This commit is contained in:
zhangjingwei 2024-03-08 13:15:14 +08:00
parent cc99a8199f
commit c9dc50a6cd
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/Base/Menu.jsx
View File

@ -175,7 +175,7 @@ export class LayoutMenu extends Component {
);
}
const title = (
<span>
<span className={styles['sub-menu-title']}>
{this.renderMenuItemIcon({ item })}
<span className={styles['menu-item-title']}>
{item.name.length >= this.maxTitleLength ? (

6
src/layouts/Base/index.less
View File

@ -380,7 +380,7 @@
span {
display: inline-block;
max-width: 140px;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@ -391,3 +391,7 @@
color: @sider-sub-menu-title-color;
font-size: @sider-sub-menu-title-font-size;
}
.sub-menu-title {
display: flex;
}