Commit 3520c06e authored by chris's avatar chris

team Manager btn

parent 436080b7
......@@ -202,12 +202,12 @@ export class BookBuilder extends React.Component {
let teamManagerButton = ''
if (isProductionEditor) {
teamManagerButton = (
<div
className={styles.teamManagerBtn}
onClick={this._toggleTeamManager}
>
<a>team manager</a>
</div>
<span onClick={this._toggleTeamManager}>
<div className={styles.teamManagerIcon} />
<div className={styles.teamManagerBtn}>
<a>team manager</a>
</div>
</span>
)
}
......@@ -223,11 +223,14 @@ export class BookBuilder extends React.Component {
className='col-lg-offset-2 col-lg-8 col-md-8 col-sm-12 col-xs-12'
ref='outerContainer'
>
<div className={styles.productionEditorContainer}>
<span>Production Editor: &nbsp; { productionEditor } </span>
{teamManagerButton}
<div className={styles.separator} />
</div>
<h1>{this.props.book.title}</h1>
<div className={styles.productionEditorContainer}>
<span>Production Editor: &nbsp; { productionEditor } </span>
<FileUploader
backChapters={backChapters}
bodyChapters={bodyChapters}
......@@ -238,9 +241,6 @@ export class BookBuilder extends React.Component {
update={updateFragment}
updateUploadStatus={this.updateUploadStatus}
/>
{teamManagerButton}
<div className={styles.separator} />
</div>
<Division
add={createFragment}
......
......@@ -18,8 +18,8 @@ class ChapterTitle extends React.Component {
}
goToEditor () {
const { chapter } = this.props
if (chapter.lock !== null) return
const { chapter, isUploadInProgress } = this.props
if (chapter.lock !== null || isUploadInProgress) return
const url = `/books/${chapter.book}/fragments/${chapter.id}`
browserHistory.push(url)
......@@ -93,6 +93,7 @@ ChapterTitle.propTypes = {
chapter: React.PropTypes.object.isRequired,
isRenaming: React.PropTypes.bool.isRequired,
isRenameEmpty: React.PropTypes.bool.isRequired,
isUploadInProgress: React.PropTypes.bool.isRequired,
onSaveRename: React.PropTypes.func.isRequired,
title: React.PropTypes.string.isRequired,
type: React.PropTypes.string.isRequired,
......
......@@ -16,35 +16,49 @@ $blue: #0d78f2;
padding-bottom: 30px;
padding-top: 10px;
.teamManagerIcon {
-webkit-mask: url('./images/person.svg') no-repeat 100% 100%;
mask: url('./images/person.svg') no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
background-color: $main-grey;
width: 24px;
height: 24px;
float: left;
margin: 0 10px 0 20px;
cursor: pointer;
}
span {
color: $dark-grey;
float: left;
font-family: 'Fira Sans Condensed';
font-size: 26px;
font-style: italic;
font-style: normal;
}
.teamManagerBtn {
background-color: $dark-grey;
border: 1px solid $white;
color: $white;
cursor: pointer;
float: right;
float: left;
font-size: 16px;
font-style: italic;
font-weight: 500;
margin-top: 12px;
padding: 0 30px;
// padding: 0 30px;
text-align: center;
transition: border .5s ease-out .2s;
&:hover {
border: 1px solid $dark-grey;
transition: .25s ease-in-out 0s;
// border: 1px solid $dark-grey;
// transition: .25s ease-in-out 0s;
}
a {
color: $white;
font-family: 'Fira Sans Condensed';
color: $black;
text-decoration: none;
text-transform: uppercase;
&:hover {
cursor: pointer;
......@@ -145,7 +159,7 @@ $blue: #0d78f2;
}
.sectionBtn {
color: $black;
// color: $main-grey;
cursor: pointer;
float: left;
padding-right: 20px;
......@@ -159,6 +173,7 @@ $blue: #0d78f2;
// transition: .25s ease-in-out 0s;
}
a {
font-family: 'Fira Sans Condensed';
color: $black;
text-decoration: none;
text-transform: uppercase;
......@@ -207,7 +222,7 @@ $blue: #0d78f2;
height: 20px;
position: absolute;
float: right;
bottom: 37%;
bottom: 43%;
right: 0;
transform: rotate(270deg);
width: 42px;
......@@ -311,10 +326,12 @@ $blue: #0d78f2;
.chapterTitle {
border-bottom: 1px dashed $black;
width: 92%;
width: 91%;
.bodyTitle {
width: 90%;
}
h3 {
background-color: $white;
color: #333 !important;
......
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