haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-03 16:10:26 +00:00
Code Issues Releases Wiki Activity

modify filt-tag style

Browse Source
This commit is contained in:
shanshuirenjia
2018-12-17 16:52:04 +08:00
parent bd13a10a50
commit ce2ac1ecba
6 changed files with 36 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dialog/edit-filetag-dialog.js
View File

@@ -82,7 +82,7 @@ class EditFileTagDialog extends React.Component {
let repoTagIdList = this.getRepoTagIdList();
return (
<Modal isOpen={true} toggle={this.toggle}>
<ModalHeader toggle={this.toggle}>{gettext('File Tags')}</ModalHeader>
<ModalHeader toggle={this.toggle}>{gettext('Select Tags')}</ModalHeader>
<ModalBody>
{
<ul className="tag-list tag-list-container">

2
frontend/src/components/dir-view/dir-panel.js
View File

@@ -147,7 +147,7 @@ class DirPanel extends React.Component {
searchPlaceholder={'Search files in this library'}
/>
</div>
<div className="main-panel-center flex-direction-row">
<div className="main-panel-center flex-row">
{!this.props.libNeedDecrypt &&
<div className="cur-view-container">
<div className="cur-view-path">

6
frontend/src/components/dirent-detail/detail-list-view.js
View File

@@ -84,14 +84,14 @@ class DetailListView extends React.Component {
<ul className="file-tag-list">
{fileTagList.map((fileTag) => {
return (
<li key={fileTag.id}>
<li key={fileTag.id} className="file-tag-item">
<span className={`file-tag bg-${fileTag.color}`}></span>
<span className="tag-name">{fileTag.name}</span>
<span className="tag-name" title={fileTag.name}>{fileTag.name}</span>
</li>
);
})}
</ul>
<i className='fa fa-pencil' onClick={this.onEditFileTagToggle}></i>
<i className='fa fa-pencil tag-edit-icon' onClick={this.onEditFileTagToggle}></i>
</td>
</tr>
</tbody>

10
frontend/src/components/dirent-list-view/dirent-list-view.js
View File

@@ -62,11 +62,11 @@ class DirentListView extends React.Component {
<th width="3%" className="select">
<input type="checkbox" className="vam" onChange={this.props.onAllItemSelected} checked={this.props.isAllItemSelected}/>
</th>
<th width="3%"></th>
<th width="5%"></th>
<th width="35%">{gettext('Name')}</th>
<th width="10%"></th>
<th width="20%"></th>
<th width="3%">{/*icon */}</th>
<th width="5%">{/*star */}</th>
<th width="39%">{gettext('Name')}</th>
<th width="6%">{/*tag */}</th>
<th width="20%">{/*operation */}</th>
<th width="11%">{gettext('Size')}</th>
<th width="13%">{gettext('Last Update')}</th>
</tr>

23
frontend/src/css/repo-tag.css
View File

@@ -48,3 +48,26 @@
position: absolute;
right: 0.5rem;
}
.tag-edit-icon {
padding: 0 0.5rem;
color: #888;
cursor: pointer;
}
.tag-edit-icon:hover {
color: #333;
}
.file-tag-item {
margin: 0.25rem 0;
padding: 0 0.5rem;
width: max-content;
cursor: pointer;
background-color: #eee;
border-radius: 1rem;
}
.file-tag-item:hover {
background-color: #bbb;
}