mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-06 12:45:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

opti: 优化接口名太长导致左侧列表显示问题

Browse Source
This commit is contained in:
sean 2017-09-01 16:36:07 +08:00
parent 417495641f
commit b97c20834b
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/containers/Project/Interface/InterfaceList/InterfaceMenu.js
View File

@ -254,8 +254,8 @@ class InterfaceMenu extends Component {
case 'DELETE': color = 'red'; break; case 'DELETE': color = 'red'; break;
default: color = "yellow"; default: color = "yellow";
} }
return <TreeNode return <TreeNode
title={<div onMouseEnter={() => this.enterItem(item._id)} onMouseLeave={this.leaveItem} > title={<div className="aa" onMouseEnter={() => this.enterItem(item._id)} onMouseLeave={this.leaveItem} >
<Link className="interface-item" to={"/project/" + matchParams.id + "/interface/api/" + item._id} ><Tag color={color} className="btn-http" >{item.method}</Tag>{item.title}</Link> <Link className="interface-item" to={"/project/" + matchParams.id + "/interface/api/" + item._id} ><Tag color={color} className="btn-http" >{item.method}</Tag>{item.title}</Link>
<Icon type='delete' className="interface-delete-icon" onClick={() => { this.showConfirm(item._id) }} style={{ display: this.state.delIcon == item._id ? 'block' : 'none' }} /> <Icon type='delete' className="interface-delete-icon" onClick={() => { this.showConfirm(item._id) }} style={{ display: this.state.delIcon == item._id ? 'block' : 'none' }} />
</div>} </div>}

4
client/containers/Project/Interface/interface.scss
View File

@ -63,7 +63,9 @@
width:auto !important; width:auto !important;
} }
.interface-item{ .interface-item{
display: inline display: inline-block;
width: 180px;
overflow: hidden;
} }
.interface-item-nav{ .interface-item-nav{
line-height:25px; line-height:25px;