0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-02 08:32:41 +00:00

Merge pull request #3965 from naturalcrit/ImplementContentVisibility

Implement content-visibility on pages
This commit is contained in:
Trevor Buckner
2024-12-26 14:59:22 -05:00
committed by GitHub
2 changed files with 33 additions and 29 deletions

View File

@@ -42,23 +42,25 @@ body {
} }
.phb, .page{ .phb, .page{
.useColumns(); .useColumns();
counter-increment : phb-page-numbers; counter-increment : phb-page-numbers;
position : relative; position : relative;
z-index : 15; z-index : 15;
box-sizing : border-box; box-sizing : border-box;
overflow : hidden; overflow : hidden;
height : 279.4mm; height : 279.4mm;
width : 215.9mm; width : 215.9mm;
padding : 1.0cm 1.7cm; padding : 1.0cm 1.7cm;
padding-bottom : 1.5cm; padding-bottom : 1.5cm;
background-color : @background; background-color : @background;
background-image : @backgroundImage; background-image : @backgroundImage;
font-family : BookSanity; font-family : BookSanity;
font-size : 0.317cm; font-size : 0.317cm;
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;
page-break-before : always; page-break-before : always;
page-break-after : always; page-break-after : always;
contain : size; contain : strict;
content-visibility : auto;
contain-intrinsic-size : auto none;
} }
.phb{ .phb{

View File

@@ -45,19 +45,21 @@ body { counter-reset : page-numbers 0; }
} }
.page { .page {
.useColumns(); .useColumns();
position : relative; position : relative;
z-index : 15; z-index : 15;
box-sizing : border-box; box-sizing : border-box;
width : 215.9mm; width : 215.9mm;
height : 279.4mm; height : 279.4mm;
padding : 1.4cm 1.9cm 1.7cm; padding : 1.4cm 1.9cm 1.7cm;
overflow : hidden; overflow : hidden;
background-color : var(--HB_Color_Background); background-color : var(--HB_Color_Background);
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;
contain : size; contain : strict;
content-visibility : auto;
contain-intrinsic-size : auto none;
} }
//***************************** //*****************************
// * BASE // * BASE
// *****************************/ // *****************************/
.page { .page {
p { p {