Commit f1147347 authored by Yannis Barlas's avatar Yannis Barlas
Browse files

fix button positions

parent 89ad6588
......@@ -226,7 +226,7 @@ export class BookBuilder extends React.Component {
</div>
<h1 className={styles.bookTitle}>{this.props.book.title}</h1>
<div className={`${styles.lineUploading} col-lg-6 col-md-2 col-sm-3 col-xs-3`} />
<div className={`${styles.lineUploading} col-lg-7 col-md-2 col-sm-3 col-xs-3`} />
<FileUploader
backChapters={backChapters}
bodyChapters={bodyChapters}
......@@ -237,7 +237,14 @@ export class BookBuilder extends React.Component {
update={updateFragment}
updateUploadStatus={this.updateUploadStatus}
/>
<VivliostyleExporter book={book} htmlToEpub={htmlToEpub} showModal={this.state.showModal} showModalToggle={this.toggleModal} outerContainer={outerContainer} />
<VivliostyleExporter
book={book}
htmlToEpub={htmlToEpub}
outerContainer={outerContainer}
showModal={this.state.showModal}
showModalToggle={this.toggleModal}
/>
<Division
add={createFragment}
......
......@@ -4,6 +4,7 @@ import ErrorModal from './ErrorModal'
const VivliostyleExporter = ({ book, htmlToEpub, showModal, showModalToggle, outerContainer }) => {
let modal
const handleHTMLToEpub = () => {
const queryParams = {
destination: 'folder',
......@@ -41,8 +42,10 @@ const VivliostyleExporter = ({ book, htmlToEpub, showModal, showModalToggle, out
onClick={handleHTMLToEpub}
className={`${classes.exportBookContainer} col-lg-2 col-md-6 col-sm-5 col-xs-5`}
>
<label className={classes.exportToBookIcon} />
<span className={classes.vivliostyleExportText}>Export Book</span>
<span className='pull-right'>
<label className={classes.exportToBookIcon} />
<span className={classes.vivliostyleExportText}>Export Book</span>
</span>
{ modal }
</div>
)
......
......@@ -5,7 +5,7 @@ $black: #000;
.exportBookContainer {
bottom: 15px;
left: -50px;
// left: -50px;
position: relative;
}
......
......@@ -191,24 +191,26 @@ class FileUploader extends React.Component {
}
return (
<div className={`${styles.multipleUploadContainer} col-lg-4 col-md-8 col-sm-7 col-xs-7`}>
<label htmlFor='file-uploader' className={styles.uploadIcon} />
<label htmlFor='file-uploader' className={styles.uploadMultipleText}>
{labelText}
</label>
<input
accept='.doc,.docx'
id='file-uploader'
multiple
name='file-uploader'
onChange={this.onChange}
ref={(c) => {
this.input = c
}}
type='file'
/>
<div className={`${styles.multipleUploadContainer} col-lg-3 col-md-8 col-sm-7 col-xs-7`}>
<span className='pull-right'>
<label htmlFor='file-uploader' className={styles.uploadIcon} />
<label htmlFor='file-uploader' className={styles.uploadMultipleText}>
{labelText}
</label>
<input
accept='.doc,.docx'
id='file-uploader'
multiple
name='file-uploader'
onChange={this.onChange}
ref={(c) => {
this.input = c
}}
type='file'
/>
</span>
</div>
)
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment