f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 20:42:44 +00:00
Code Wiki Activity

Add wrapper to .page to improve wide behavior with columns

Browse Source
This commit is contained in:
Trevor Buckner
2021-08-22 23:00:43 -04:00
parent 653fd513ad
commit 9c6d875524
3 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/homebrew/brewRenderer/brewRenderer.jsx
View File

@@ -131,7 +131,11 @@ const BrewRenderer = createClass({
if(this.props.renderer == 'legacy') if(this.props.renderer == 'legacy')
return <div className='phb page' id={`p${index + 1}`} dangerouslySetInnerHTML={{ __html: MarkdownLegacy.render(pageText) }} key={index} />; return <div className='phb page' id={`p${index + 1}`} dangerouslySetInnerHTML={{ __html: MarkdownLegacy.render(pageText) }} key={index} />;
else else
return <div className='phb3 page' id={`p${index + 1}`} dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} key={index} />; return (
<div className='pageWrapper' id={`p${index + 1}`} key={index} >
<div className='page' dangerouslySetInnerHTML={{ __html: Markdown.render(pageText) }} />
</div>
);
}, },
renderPages : function(){ renderPages : function(){

6
client/homebrew/brewRenderer/brewRenderer.less
View File

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

8
themes/5ePhb.style.less
View File

@@ -46,8 +46,7 @@ body {
-webkit-column-gap : 0.9cm; -webkit-column-gap : 0.9cm;
-moz-column-gap : 0.9cm; -moz-column-gap : 0.9cm;
} }
.page{ .pageWrapper{
.useColumns();
counter-increment : phb-page-numbers; counter-increment : phb-page-numbers;
position : relative; position : relative;
z-index : 15; z-index : 15;
@@ -55,9 +54,12 @@ body {
overflow : hidden; overflow : hidden;
height : 279.4mm; height : 279.4mm;
width : 215.9mm; width : 215.9mm;
padding : 1.4cm 1.9cm 1.7cm;
background-color : @background; background-color : @background;
background-image : @backgroundImage; background-image : @backgroundImage;
}
.page{
.useColumns();
padding : 1.4cm 1.9cm 1.7cm;
font-family : BookInsanityRemake; font-family : BookInsanityRemake;
font-size : 0.34cm; font-size : 0.34cm;
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;