Browse Source

(fixed)7526 文件及文件夹操作按钮显示优化

master
周沫沫历险记 2 years ago
parent
commit
38f21e0b7c
  1. 2
      web/client/src/sections/humanAffairs/containers/resourceRepository.jsx
  2. 23
      web/client/src/sections/humanAffairs/style.less

2
web/client/src/sections/humanAffairs/containers/resourceRepository.jsx

@ -75,7 +75,7 @@ const ResourceRepository = (props) => {
const child = data.children ? true : false;
const key = data.key.split('/');
return (<div>
<Tooltip content={label}><span >{label.length > 8 ? label.substring(0, 8) + '...' : label}</span></Tooltip>
<Tooltip content={label}><span >{label.length > 7 ? label.substring(0, 7) + '...' : label}</span></Tooltip>
{true == data.operation ?
<span className='tree-icon'>
<IconEditStroked size='default' onClick={() => handleFolderClick(child ? '编辑' : '编辑子', !child, key[1], key[2] || undefined)} />

23
web/client/src/sections/humanAffairs/style.less

@ -24,19 +24,22 @@
margin-bottom: 20px;
}
.tree-icon {
padding-left: 6px;
opacity: 0;
-webkit-transition: opacity 0.1s 0.2s;
.semi-icon {
padding-left: 6px;
.semi-tree-option-list-block .semi-tree-option:hover{
.tree-icon {
opacity: 1;
-webkit-transition: opacity 0.2s;
}
}
.semi-tree-option-list-block .semi-tree-option{
.tree-icon {
padding-left: 6px;
opacity: 0;
-webkit-transition: opacity 0.1s 0.2s;
.tree-icon:hover {
opacity: 1;
-webkit-transition: opacity 0.2s;
.semi-icon {
padding-left: 6px;
}
}
}
}

Loading…
Cancel
Save