diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx index e3ab31742..d22428f21 100644 --- a/client/homebrew/brewRenderer/brewRenderer.jsx +++ b/client/homebrew/brewRenderer/brewRenderer.jsx @@ -130,8 +130,14 @@ const BrewRenderer = createClass({ renderPage : function(pageText, index){ if(this.props.renderer == 'legacy') return
; - else - return
; + 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 ( +
+
+
+ ); + } }, renderPages : function(){ diff --git a/client/homebrew/brewRenderer/brewRenderer.less b/client/homebrew/brewRenderer/brewRenderer.less index abb80fc5f..8cd8b751c 100644 --- a/client/homebrew/brewRenderer/brewRenderer.less +++ b/client/homebrew/brewRenderer/brewRenderer.less @@ -11,6 +11,12 @@ 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{ diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less index 82c7c7dff..eaf69023a 100644 --- a/themes/5ePhb.style.less +++ b/themes/5ePhb.style.less @@ -46,8 +46,7 @@ body { -webkit-column-gap : 0.9cm; -moz-column-gap : 0.9cm; } -.page{ - .useColumns(); +.pageWrapper{ counter-increment : phb-page-numbers; position : relative; z-index : 15; @@ -55,9 +54,13 @@ body { overflow : hidden; height : 279.4mm; width : 215.9mm; - padding : 1.4cm 1.9cm 1.7cm; 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; text-rendering : optimizeLegibility;