ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-01-03 10:25:08 +01:00
Code Issues Releases Wiki Activity

Fix padding in InputContractAgreementCheckbox

Browse Source
This commit is contained in:
Brett Sun 2015-12-04 13:32:29 +01:00
parent 510318c319
commit 4b17225783
4 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/components/ascribe_forms/form_consign.js
View File

@ -115,7 +115,8 @@ let ConsignForm = React.createClass({
<Property
name='contract_agreement'
label={getLangText('Consign Contract')}
className="ascribe-property-collapsible-toggle">
className="ascribe-property-collapsible-toggle"
style={{paddingBottom: 0}}>
<InputContractAgreementCheckbox
createPublicContractAgreement={createPublicContractAgreement}
email={email} />

3
js/components/ascribe_forms/form_loan.js
View File

@ -197,7 +197,8 @@ let LoanForm = React.createClass({
<Property
name='contract_agreement'
label={getLangText('Loan Contract')}
className="ascribe-property-collapsible-toggle">
className="ascribe-property-collapsible-toggle"
style={{paddingBottom: 0}}>
<InputContractAgreementCheckbox
createPublicContractAgreement={createPublicContractAgreement}
email={email} />

6
js/components/ascribe_forms/input_contract_agreement_checkbox.js
View File

@ -69,7 +69,7 @@ const InputContractAgreementCheckbox = React.createClass({
},
onStoreChange(state) {
const contractAgreement = this.getContractAgreement(state.contractAgreementList);
const contractAgreement = this.getContractAgreement(state.contractAgreementList);
this.props.setExpanded(!!contractAgreement);
state = mergeOptions(state, {
@ -149,7 +149,9 @@ const InputContractAgreementCheckbox = React.createClass({
if(datetimeAccepted) {
return (
<div className="notification-contract-pdf">
<div
className="notification-contract-pdf"
style={{paddingBottom: '1em'}}>
<embed
className="embed-form"
src={contractUrl}

13
js/components/ascribe_forms/property.js
View File

@ -307,17 +307,22 @@ const Property = React.createClass({
render() {
let footer = null;
let style = this.props.style ? mergeOptions({}, this.props.style) : {};
let style = Object.assign({}, this.props.style);
if(this.props.footer){
footer = (
<div className="ascribe-property-footer">
{this.props.footer}
</div>);
</div>
);
}
style.paddingBottom = !this.state.expanded ? 0 : null;
style.cursor = !this.props.editable ? 'not-allowed' : null;
if (!this.state.expanded) {
style.paddingBottom = 0;
}
if (!this.props.editable) {
style.cursor = 'not-allowed';
}
return (
<div