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

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

View File

@ -254,8 +254,8 @@ class InterfaceMenu extends Component {
case 'DELETE': color = 'red'; break;
default: color = "yellow";
}
return <TreeNode
title={<div onMouseEnter={() => this.enterItem(item._id)} onMouseLeave={this.leaveItem} >
return <TreeNode
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>
<Icon type='delete' className="interface-delete-icon" onClick={() => { this.showConfirm(item._id) }} style={{ display: this.state.delIcon == item._id ? 'block' : 'none' }} />
</div>}

View File

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