1
0
mirror of https://github.com/ascribe/onion.git synced 2025-02-14 21:10:27 +01:00

Fix padding in InputContractAgreementCheckbox

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

View File

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

View File

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

View File

@ -149,7 +149,9 @@ const InputContractAgreementCheckbox = React.createClass({
if(datetimeAccepted) { if(datetimeAccepted) {
return ( return (
<div className="notification-contract-pdf"> <div
className="notification-contract-pdf"
style={{paddingBottom: '1em'}}>
<embed <embed
className="embed-form" className="embed-form"
src={contractUrl} src={contractUrl}

View File

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