0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 20:42:43 +00:00

Fix /print, make .page outer element for consistency with legacy

This commit is contained in:
Trevor Buckner
2021-08-26 22:43:57 -04:00
parent 85841d22f5
commit a7005d779a
4 changed files with 17 additions and 21 deletions

View File

@@ -133,8 +133,8 @@ const BrewRenderer = createClass({
else {
pageText += `\n\\column\n `; //Artificial column break at page end to emulate column-fill:auto (until `wide` is used, when column-fill:balance will reappear)
return (
<div className='pageWrapper' id={`p${index + 1}`} key={index} >
<div className='page' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} />
<div className='page' id={`p${index + 1}`} key={index} >
<div className='columnWrapper' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} />
</div>
);
}

View File

@@ -11,12 +11,6 @@
margin-left : auto;
box-shadow : 1px 4px 14px #000;
}
&>.pageWrapper{
margin-right : auto;
margin-bottom : 30px;
margin-left : auto;
box-shadow : 1px 4px 14px #000;
}
}
}
.pane{

View File

@@ -37,20 +37,21 @@ const PrintPage = createClass({
renderPages : function(){
if(this.props.brew.renderer == 'legacy') {
return _.map(this.state.brewText.split('\\page'), (page, index)=>{
return _.map(this.state.brewText.split('\\page'), (pageText, index)=>{
return <div
className='phb page'
id={`p${index + 1}`}
dangerouslySetInnerHTML={{ __html: MarkdownLegacy.render(page) }}
dangerouslySetInnerHTML={{ __html: MarkdownLegacy.render(pageText) }}
key={index} />;
});
} else {
return _.map(this.state.brewText.split(/^\\page/gm), (page, index)=>{
return <div
className='phb3 page'
id={`p${index + 1}`}
dangerouslySetInnerHTML={{ __html: Markdown.render(page) }}
key={index} />;
return _.map(this.state.brewText.split(/^\\page/gm), (pageText, index)=>{
pageText += `\n\\column\n&nbsp;`; //Artificial column break at page end to emulate column-fill:auto (until `wide` is used, when column-fill:balance will reappear)
return (
<div className='page' id={`p${index + 1}`} key={index} >
<div className='columnWrapper' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} />
</div>
);
});
}

View File

@@ -46,7 +46,11 @@ body {
-webkit-column-gap : 0.9cm;
-moz-column-gap : 0.9cm;
}
.pageWrapper{
.columnWrapper{
max-height : 100%;
}
.page{
.useColumns();
counter-increment : phb-page-numbers;
position : relative;
z-index : 15;
@@ -56,10 +60,6 @@ body {
width : 215.9mm;
background-color : @background;
background-image : @backgroundImage;
}
.page{
.useColumns();
max-height : 100%;
padding : 1.4cm 1.9cm 1.7cm;
font-family : BookInsanityRemake;
font-size : 0.34cm;
@@ -540,6 +540,7 @@ body {
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
display : block;
}
//*****************************
// * CLASS TABLE