From 7843691c4b4eee405e26e1e2a840133f9c0618d9 Mon Sep 17 00:00:00 2001
From: Trevor Buckner <calculuschild@gmail.com>
Date: Fri, 25 Jun 2021 00:53:25 -0400
Subject: [PATCH] add "page" class to print page

With the style panel we added a `page` css class alongside the `phb` and `phb3` classes so users can write CSS that targets all pages no matter the base CSS loaded. This wasn't applied to the print page.

Funnily enough, the rest of the site uses `.page` just to display the website, and I didn't realize there was a conflict until now because otherwise, the brew is usually hidden in an iFrame.
---
 client/homebrew/homebrew.less                 | 2 +-
 client/homebrew/pages/editPage/editPage.jsx   | 2 +-
 client/homebrew/pages/errorPage/errorPage.jsx | 2 +-
 client/homebrew/pages/homePage/homePage.jsx   | 2 +-
 client/homebrew/pages/newPage/newPage.jsx     | 2 +-
 client/homebrew/pages/printPage/printPage.jsx | 4 ++--
 client/homebrew/pages/sharePage/sharePage.jsx | 2 +-
 client/homebrew/pages/userPage/userPage.jsx   | 2 +-
 8 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/homebrew/homebrew.less b/client/homebrew/homebrew.less
index d2acf9137..6219ca358 100644
--- a/client/homebrew/homebrew.less
+++ b/client/homebrew/homebrew.less
@@ -1,7 +1,7 @@
 @import 'naturalcrit/styles/core.less';
 .homebrew{
 	height : 100%;
-	.page{
+	.sitePage{
 		display          : flex;
 		height           : 100%;
 		background-color : @steel;
diff --git a/client/homebrew/pages/editPage/editPage.jsx b/client/homebrew/pages/editPage/editPage.jsx
index 1d511a581..91151ea37 100644
--- a/client/homebrew/pages/editPage/editPage.jsx
+++ b/client/homebrew/pages/editPage/editPage.jsx
@@ -406,7 +406,7 @@ const EditPage = createClass({
 	},
 
 	render : function(){
-		return <div className='editPage page'>
+		return <div className='editPage sitePage'>
 			<Meta name='robots' content='noindex, nofollow' />
 			{this.renderNavbar()}
 
diff --git a/client/homebrew/pages/errorPage/errorPage.jsx b/client/homebrew/pages/errorPage/errorPage.jsx
index e37b929f0..aa51c83be 100644
--- a/client/homebrew/pages/errorPage/errorPage.jsx
+++ b/client/homebrew/pages/errorPage/errorPage.jsx
@@ -23,7 +23,7 @@ const ErrorPage = createClass({
 	text : '# Oops \n We could not find a brew with that id. **Sorry!**',
 
 	render : function(){
-		return <div className='errorPage page'>
+		return <div className='errorPage sitePage'>
 			<Navbar ver={this.props.ver}>
 				<Nav.section>
 					<Nav.item className='errorTitle'>
diff --git a/client/homebrew/pages/homePage/homePage.jsx b/client/homebrew/pages/homePage/homePage.jsx
index 59d6a22e8..d1e749482 100644
--- a/client/homebrew/pages/homePage/homePage.jsx
+++ b/client/homebrew/pages/homePage/homePage.jsx
@@ -72,7 +72,7 @@ const HomePage = createClass({
 	},
 
 	render : function(){
-		return <div className='homePage page'>
+		return <div className='homePage sitePage'>
 			<Meta name='google-site-verification' content='NwnAQSSJZzAT7N-p5MY6ydQ7Njm67dtbu73ZSyE5Fy4' />
 			{this.renderNavbar()}
 
diff --git a/client/homebrew/pages/newPage/newPage.jsx b/client/homebrew/pages/newPage/newPage.jsx
index bc0f4f23e..ccbaf5ff7 100644
--- a/client/homebrew/pages/newPage/newPage.jsx
+++ b/client/homebrew/pages/newPage/newPage.jsx
@@ -219,7 +219,7 @@ const NewPage = createClass({
 	},
 
 	render : function(){
-		return <div className='newPage page'>
+		return <div className='newPage sitePage'>
 			{this.renderNavbar()}
 			<div className='content'>
 				<SplitPane onDragFinish={this.handleSplitMove} ref='pane'>
diff --git a/client/homebrew/pages/printPage/printPage.jsx b/client/homebrew/pages/printPage/printPage.jsx
index b9bcfda5d..ffd11841c 100644
--- a/client/homebrew/pages/printPage/printPage.jsx
+++ b/client/homebrew/pages/printPage/printPage.jsx
@@ -39,7 +39,7 @@ const PrintPage = createClass({
 		if(this.props.brew.renderer == 'legacy') {
 			return _.map(this.state.brewText.split('\\page'), (page, index)=>{
 				return <div
-					className='phb'
+					className='phb page'
 					id={`p${index + 1}`}
 					dangerouslySetInnerHTML={{ __html: MarkdownLegacy.render(page) }}
 					key={index} />;
@@ -47,7 +47,7 @@ const PrintPage = createClass({
 		} else {
 			return _.map(this.state.brewText.split(/^\\page/gm), (page, index)=>{
 				return <div
-					className='phb3'
+					className='phb3 page'
 					id={`p${index + 1}`}
 					dangerouslySetInnerHTML={{ __html: Markdown.render(page) }}
 					key={index} />;
diff --git a/client/homebrew/pages/sharePage/sharePage.jsx b/client/homebrew/pages/sharePage/sharePage.jsx
index 1411c3175..c8140c89c 100644
--- a/client/homebrew/pages/sharePage/sharePage.jsx
+++ b/client/homebrew/pages/sharePage/sharePage.jsx
@@ -52,7 +52,7 @@ const SharePage = createClass({
 	},
 
 	render : function(){
-		return <div className='sharePage page'>
+		return <div className='sharePage sitePage'>
 			<Meta name='robots' content='noindex, nofollow' />
 			<Navbar>
 				<Nav.section>
diff --git a/client/homebrew/pages/userPage/userPage.jsx b/client/homebrew/pages/userPage/userPage.jsx
index d84dfb9b6..e6b7530b8 100644
--- a/client/homebrew/pages/userPage/userPage.jsx
+++ b/client/homebrew/pages/userPage/userPage.jsx
@@ -52,7 +52,7 @@ const UserPage = createClass({
 	render : function(){
 		const brews = this.getSortedBrews();
 
-		return <div className='userPage page'>
+		return <div className='userPage sitePage'>
 			<Navbar>
 				<Nav.section>
 					<NewBrew />