diff --git a/client/homebrew/editPage/editPage.jsx b/client/homebrew/editPage/editPage.jsx
index 0381e06ef..cf5cd3f1d 100644
--- a/client/homebrew/editPage/editPage.jsx
+++ b/client/homebrew/editPage/editPage.jsx
@@ -67,6 +67,7 @@ var EditPage = React.createClass({
diff --git a/client/homebrew/sharePage/sharePage.jsx b/client/homebrew/sharePage/sharePage.jsx
index d8b7cecd9..2ec45cb93 100644
--- a/client/homebrew/sharePage/sharePage.jsx
+++ b/client/homebrew/sharePage/sharePage.jsx
@@ -27,6 +27,7 @@ var SharePage = React.createClass({
diff --git a/client/homebrew/statusbar/statusbar.jsx b/client/homebrew/statusbar/statusbar.jsx
index bd20ca330..07d07e40a 100644
--- a/client/homebrew/statusbar/statusbar.jsx
+++ b/client/homebrew/statusbar/statusbar.jsx
@@ -11,6 +11,7 @@ var Statusbar = React.createClass({
return {
//editId: null,
shareId : null,
+ printId : null,
isPending : false,
lastUpdated : null,
info : null,
@@ -62,6 +63,14 @@ var Statusbar = React.createClass({
},
+ renderPrintButton : function(){
+ if(!this.props.printId) return null;
+
+ return
+ Print View
+
+ },
+
renderStatus : function(){
if(!this.props.editId) return null;
@@ -87,6 +96,7 @@ var Statusbar = React.createClass({
{this.renderStatus()}
{this.renderInfo()}
+ {this.renderPrintButton()}
{this.renderShare()}
{this.renderNewButton()}
diff --git a/client/homebrew/statusbar/statusbar.less b/client/homebrew/statusbar/statusbar.less
index aeff21793..02efc3aca 100644
--- a/client/homebrew/statusbar/statusbar.less
+++ b/client/homebrew/statusbar/statusbar.less
@@ -1,38 +1,38 @@
.statusbar{
+ position : fixed;
+ z-index : 1000;
height : 25px;
+ width : 100%;
background-color : black;
font-size : 24px;
- position: fixed;
- width :100%;
- z-index : 1000;
color : white;
line-height : 1.0em;
border-bottom : 1px solid @grey;
.logo{
display : inline-block;
vertical-align : middle;
+ margin-top : -5px;
margin-right : 20px;
- margin-top: -5px;
svg{
- margin-top: -6px;
+ margin-top : -6px;
}
}
.left{
- display : inline-block;
- vertical-align: top;
+ display : inline-block;
+ vertical-align : top;
}
.right{
float : right;
}
.toolName{
- vertical-align : middle;
- font-family : CodeBold;
- text-decoration: none;
- color: white;
- display: block;
- font-size : 16px;
- line-height : 30px;
+ display : block;
+ vertical-align : middle;
+ font-family : CodeBold;
+ font-size : 16px;
+ color : white;
+ line-height : 30px;
+ text-decoration : none;
small{
font-family : CodeBold;
}
@@ -59,19 +59,35 @@
}
}
.shareField{
+ .animate(background-color);
+ cursor : pointer;
color : white;
text-decoration : none;
- cursor : pointer;
- .animate(background-color);
&:hover{
background-color : fade(@teal, 70%);
}
span{
- margin-right : 10px;
+ margin-right : 5px;
}
input{
- width : 100px;
- font-size: 12px;
+ width : 100px;
+ font-size : 12px;
+ }
+ }
+ .printField{
+ .animate(background-color);
+ cursor : pointer;
+ color : white;
+ text-decoration : none;
+ &:hover{
+ background-color : fade(@orange, 70%);
+ }
+ span{
+ margin-right : 5px;
+ }
+ input{
+ width : 100px;
+ font-size : 12px;
}
}
}