haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-05 01:00:12 +00:00
Code Issues Releases Wiki Activity

optimized css code

Browse Source
This commit is contained in:
shanshuirenjia 2018-12-16 16:46:56 +08:00
parent d3cd2a6d33
commit 3ee2de6773
3 changed files with 3 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/dialog/create-repo-dialog.js
View File

@ -1,10 +1,8 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label, FormText } from 'reactstrap'; import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label } from 'reactstrap';
import { gettext } from '../../utils/constants'; import { gettext } from '../../utils/constants';
import '../../css/modal.css';
const propTypes = { const propTypes = {
onCreateRepo: PropTypes.func.isRequired, onCreateRepo: PropTypes.func.isRequired,
onCreateToggle: PropTypes.func.isRequired, onCreateToggle: PropTypes.func.isRequired,
@ -148,7 +146,7 @@ class CreateRepoDialog extends React.Component {
render() { render() {
return ( return (
<Modal isOpen={true} toggle={this.toggle} className="repo-dialog"> <Modal isOpen={true} toggle={this.toggle}>
<ModalHeader toggle={this.toggle}>{gettext('New Library')}</ModalHeader> <ModalHeader toggle={this.toggle}>{gettext('New Library')}</ModalHeader>
<ModalBody> <ModalBody>
<Form> <Form>
@ -173,7 +171,7 @@ class CreateRepoDialog extends React.Component {
)} )}
<FormGroup check> <FormGroup check>
<Input type="checkbox" id="encrypt" onChange={this.onEncrypted}/> <Input type="checkbox" id="encrypt" onChange={this.onEncrypted}/>
<FormText className="text">{gettext('Encrypt')}</FormText> <Label for="encrypt">{gettext('Encrypt')}</Label>
</FormGroup> </FormGroup>
<FormGroup> <FormGroup>
<Label for="passwd1">{gettext('Password')}{' '}<span className="tip">({gettext('at least 8 characters')})</span></Label> <Label for="passwd1">{gettext('Password')}{' '}<span className="tip">({gettext('at least 8 characters')})</span></Label>

18
frontend/src/css/modal.css
View File

@ -1,18 +0,0 @@
.repo-dialog .modal-body label {
padding: 0.5rem 0 0.25rem;
font-weight: bold;
color: #333;
font-size: 0.8125rem;
}
.repo-dialog .modal-body label.form-check-label {
font-weight: normal;
padding: 0.25rem 0;
}
.repo-dialog .modal-body .tip {
font-weight: normal;
color: #808080;
font-size: 0.75rem;
margin-bottom: 1rem;
}

7
frontend/src/css/share-link-dialog.css
View File

@ -1,8 +1,3 @@
.share-dialog {
color: #333;
font-size: 0.8125rem;
}
.share-dialog .share-dialog-content { .share-dialog .share-dialog-content {
padding: 0; padding: 0;
min-height: 15rem; min-height: 15rem;
@ -46,7 +41,6 @@
.tip { .tip {
color: #808080; color: #808080;
font-size: 0.75rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -65,7 +59,6 @@
.share-dialog .nav .nav-item .nav-link { .share-dialog .nav .nav-item .nav-link {
padding: 0.3125rem 1rem 0.3125rem 0.25rem; padding: 0.3125rem 1rem 0.3125rem 0.25rem;
font-size: 0.875rem;
} }
input.expire-input { input.expire-input {