f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 14:22:52 +00:00
Code Wiki Activity

"Removed margin-bottom from brewRenderer style, added padding-bottom and updated styles in brewRenderer.less"

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-06-02 15:59:09 +02:00
parent e3c1e4b6f0
commit 202ea1d905
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -246,7 +246,6 @@ const BrewRenderer = (props)=>{
{` {`
.pages { .pages {
zoom: ${state.zoom}%; zoom: ${state.zoom}%;
margin-bottom: 5cm;
} }
`} `}
</style> </style>

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

@@ -1,10 +1,13 @@
@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;
padding-bottom: 30px;
:where(.pages) { :where(.pages) {
margin : 30px 0px; margin : 30px 0px;
& > :where(.page) { & > :where(.page) {
width : 215.9mm; width : 215.9mm;
height : 279.4mm; height : 279.4mm;
@@ -17,27 +20,27 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 20px; width: 20px;
&:horizontal{ &:horizontal{
height: 20px; height: 20px;
width:auto; width:auto;
} }
&-thumb { &-thumb {
background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px); background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px);
&:horizontal{ &:horizontal{
background: linear-gradient(0deg, #d3c1af 15px, #00000000 15px); background: linear-gradient(0deg, #d3c1af 15px, #00000000 15px);
} }
} }
&-corner { &-corner {
visibility: hidden; visibility: hidden;
} }
} }
} }
.pane { position : relative; } .pane { position : relative; }
.pageInfo { .pageInfo {
position : absolute; position : absolute;
right : 17px; right : 17px;
@@ -53,6 +56,7 @@
&:not(:last-child) { border-right : 1px solid #666666; } &:not(:last-child) { border-right : 1px solid #666666; }
} }
} }
.ppr_msg { .ppr_msg {
position : absolute; position : absolute;
bottom : 0; bottom : 0;