diff --git a/client/homebrew/pages/printPage/printPage.jsx b/client/homebrew/pages/printPage/printPage.jsx index 356967d15..1643b234c 100644 --- a/client/homebrew/pages/printPage/printPage.jsx +++ b/client/homebrew/pages/printPage/printPage.jsx @@ -3,6 +3,8 @@ const _ = require('lodash'); const cx = require('classnames'); const Markdown = require('homebrewery/markdown.js'); +const Headtags = require('vitreum/headtags'); + const PrintPage = React.createClass({ getDefaultProps: function() { return { @@ -30,7 +32,7 @@ const PrintPage = React.createClass({ } if(this.props.query.dialog) window.print(); }, - //TODO: This is pretty bad + //TODO: Print page shouldn't replicate functionality in brew renderer renderStyle : function(){ if(!this.state.brew.style) return; return @@ -45,8 +47,17 @@ const PrintPage = React.createClass({ }); }, + renderPrintInstructions : function(){ + return
+ Hey, I'm really cool instructions!!!!! + +
+ }, + render : function(){ - return
+ return
+ {this.state.brew.title} + {this.renderPrintInstructions()} {this.renderStyle()} {this.renderPages()}
diff --git a/client/homebrew/pages/printPage/printPage.less b/client/homebrew/pages/printPage/printPage.less index 0d9e7b68b..6430ef769 100644 --- a/client/homebrew/pages/printPage/printPage.less +++ b/client/homebrew/pages/printPage/printPage.less @@ -1,3 +1,17 @@ -.printPage{ +.printPage{ + position : relative; + @media print{ + .printInstructions{ + display : none; + } + } + .printInstructions{ + position : absolute; + top : 0px; + right : 0px; + z-index : 100000; + padding : 30px; + background-color : @blue; + } } \ No newline at end of file