f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-03 23:32:58 +00:00
Code Wiki Activity

Add default page size to brewRenderer.less

Browse Source 
Add default brew page size to brewRenderer.less, so all pages have a fallback size when switching between themes and renderers. Avoids losing the scroll position on a page caused by out-of-view pages losing their size, especially on long brews where recalculating page layout can take a half second.
This commit is contained in:
Trevor Buckner
2023-12-04 21:13:26 -05:00
parent abe3a7e7c7
commit bf30cadb68
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,46 +1,44 @@
@import (multiple, less) 'shared/naturalcrit/styles/reset.less'; @import (multiple, less) 'shared/naturalcrit/styles/reset.less';
.brewRenderer{ .brewRenderer {
will-change : transform; will-change : transform;
overflow-y : scroll; overflow-y : scroll;
.pages{ .pages {
margin : 30px 0px; margin : 30px 0px;
&>.page{ & > .page {
width : 215.9mm;
height : 279.4mm;
margin-right : auto; margin-right : auto;
margin-bottom : 30px; margin-bottom : 30px;
margin-left : auto; margin-left : auto;
box-shadow : 1px 4px 14px #000; box-shadow : 1px 4px 14px #000000;
} }
} }
} }
.pane{ .pane { position : relative; }
position : relative; .pageInfo {
}
.pageInfo{
position : absolute; position : absolute;
right : 17px; right : 17px;
bottom : 0; bottom : 0;
z-index : 1000; z-index : 1000;
background-color : #333;
font-size : 10px; font-size : 10px;
font-weight : 800; font-weight : 800;
color : white; color : white;
background-color : #333333;
div { div {
display: inline-block; display : inline-block;
padding : 8px 10px; padding : 8px 10px;
&:not(:last-child){ &:not(:last-child) { border-right : 1px solid #666666; }
border-right: 1px solid #666;
}
} }
} }
.ppr_msg{ .ppr_msg {
position : absolute; position : absolute;
left : 0px;
bottom : 0; bottom : 0;
left : 0px;
z-index : 1000; z-index : 1000;
padding : 8px 10px; padding : 8px 10px;
background-color : #333;
font-size : 10px; font-size : 10px;
font-weight : 800; font-weight : 800;
color : white; color : white;
background-color : #333333;
} }