1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-05 08:53:14 +00:00

change related file dialog style

This commit is contained in:
Michael An
2019-06-25 12:00:41 +08:00
parent 07a52d7e6c
commit 71f3ee457b
3 changed files with 7 additions and 4 deletions

View File

@@ -87,7 +87,7 @@ class AddRelatedFileDialog extends React.Component {
let subtitle = gettext('Select related file for {placeholder}'); let subtitle = gettext('Select related file for {placeholder}');
subtitle = subtitle.replace('{placeholder}', '<span class="op-target">' + Utils.HTMLescape(this.props.dirent.name) + '</span>'); subtitle = subtitle.replace('{placeholder}', '<span class="op-target">' + Utils.HTMLescape(this.props.dirent.name) + '</span>');
return ( return (
<Fragment> <div className="sf-add-related-file">
<ModalHeader toggle={this.props.onClose}> <ModalHeader toggle={this.props.onClose}>
<span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.toggle} aria-label={gettext('Back')}></span> <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.toggle} aria-label={gettext('Back')}></span>
{gettext('Select File')} {gettext('Select File')}
@@ -111,7 +111,7 @@ class AddRelatedFileDialog extends React.Component {
<Button color="primary" disabled>{gettext('Submit')}</Button> <Button color="primary" disabled>{gettext('Submit')}</Button>
} }
</ModalFooter> </ModalFooter>
</Fragment> </div>
); );
} }
} }

View File

@@ -167,7 +167,8 @@
} }
.sf-add-related-file .related-file-subtitle { .sf-add-related-file .related-file-subtitle {
margin-bottom: 4px; display: inline-block;
margin-bottom: 0.5rem;
} }
.detail-container .tab-content { .detail-container .tab-content {

View File

@@ -1,7 +1,9 @@
.file-chooser-container { .file-chooser-container {
padding: 0.5rem; padding: 0.5rem;
height: 20rem; height: 20rem;
border: 1px solid #eee; border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
overflow: auto; overflow: auto;
font-size: 1rem; font-size: 1rem;
} }