1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 10:22:46 +00:00

[tag] modification

This commit is contained in:
llj
2018-12-21 15:23:19 +08:00
parent ff104fb16a
commit e2fb37f3cf
5 changed files with 9 additions and 16 deletions

View File

@@ -50,13 +50,6 @@ class DirTool extends React.Component {
}); });
} }
onListRepoTagToggle = () => {
this.setState({
isTagDialogShow: !this.state.isTagDialogShow,
isListRepoTagShow: !this.state.isListRepoTagShow
});
}
onCreateRepoTagToggle = () => { onCreateRepoTagToggle = () => {
this.setState({ this.setState({
isCreateRepoTagShow: !this.state.isCreateRepoTagShow, isCreateRepoTagShow: !this.state.isCreateRepoTagShow,

View File

@@ -7,7 +7,7 @@ import { seafileAPI } from '../../utils/seafile-api';
const propTypes = { const propTypes = {
repoID: PropTypes.string.isRequired, repoID: PropTypes.string.isRequired,
toggleCancel: PropTypes.func.isRequired, toggleCancel: PropTypes.func.isRequired,
togglePopup: PropTypes.func.isRequired onClose: PropTypes.func.isRequired
}; };
class CreateTagDialog extends React.Component { class CreateTagDialog extends React.Component {
@@ -62,7 +62,7 @@ class CreateTagDialog extends React.Component {
return ( return (
<Fragment> <Fragment>
<ModalHeader toggle={this.props.onClose}> <ModalHeader toggle={this.props.onClose}>
<span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span> <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
{gettext('New Tag')} {gettext('New Tag')}
</ModalHeader> </ModalHeader>
<ModalBody> <ModalBody>

View File

@@ -10,7 +10,7 @@ const propTypes = {
repoID: PropTypes.string.isRequired, repoID: PropTypes.string.isRequired,
currentTag: PropTypes.object.isRequired, currentTag: PropTypes.object.isRequired,
toggleCancel: PropTypes.func.isRequired, toggleCancel: PropTypes.func.isRequired,
togglePopup: PropTypes.func.isRequired onClose: PropTypes.func.isRequired
}; };
class ListTaggedFilesDialog extends React.Component { class ListTaggedFilesDialog extends React.Component {
@@ -46,7 +46,7 @@ class ListTaggedFilesDialog extends React.Component {
return ( return (
<Fragment> <Fragment>
<ModalHeader toggle={this.props.onClose}> <ModalHeader toggle={this.props.onClose}>
<span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span> <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
{gettext('Tagged Files')} {gettext('Tagged Files')}
</ModalHeader> </ModalHeader>
<ModalBody className="dialog-list-container"> <ModalBody className="dialog-list-container">

View File

@@ -8,7 +8,7 @@ const propTypes = {
currentTag: PropTypes.object, currentTag: PropTypes.object,
repoID: PropTypes.string.isRequired, repoID: PropTypes.string.isRequired,
toggleCancel: PropTypes.func.isRequired, toggleCancel: PropTypes.func.isRequired,
togglePopup: PropTypes.func.isRequired onClose: PropTypes.func.isRequired
}; };
class UpdateTagDialog extends React.Component { class UpdateTagDialog extends React.Component {
@@ -75,7 +75,7 @@ class UpdateTagDialog extends React.Component {
return ( return (
<Fragment> <Fragment>
<ModalHeader toggle={this.props.onClose}> <ModalHeader toggle={this.props.onClose}>
<span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span> <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
{gettext('Edit Tag')} {gettext('Edit Tag')}
</ModalHeader> </ModalHeader>
<ModalBody> <ModalBody>

View File

@@ -93,12 +93,12 @@
background-color: #bbb; background-color: #bbb;
} }
.tag-popup-back { .tag-dialog-back {
color: #888; color: #888;
cursor: pointer; cursor: pointer;
margin-right: 10px; margin-right: 10px;
} }
.tag-popup-back:hover, .tag-dialog-back:hover,
.tag-popup-back:focus { .tag-dialog-back:focus {
color: #444; color: #444;
} }