Ajustar márgenes y layout del reporte de etiquetas (stickers)
Los márgenes de impresión eran muy angostos y el contenido de cada etiqueta salía del área imprimible. Se amplían los márgenes del @page, se recalcula la altura útil de página acorde, se recorta el espaciado interno de la etiqueta para que entre en el nuevo espacio disponible, y se reemplaza el "margin-top: auto" (que WeasyPrint no respetaba) por un posicionamiento absoluto para anclar la línea de documento al fondo del recuadro. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
182f20d43e
commit
d900b62f33
2 files changed
+14
-9
No files matched your search
@@ -10,7 +10,7 @@
|
||||
|
||||
@page {
|
||||
size: {{ paper_size }} landscape;
|
||||
margin: 0.3in;
|
||||
margin: 1.6cm 3cm 1cm 2.2cm;
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -33,8 +33,9 @@
|
||||
}
|
||||
|
||||
.sticker {
|
||||
height: 100%;
|
||||
border: 2px solid #000;
|
||||
padding: 0.3in 0.35in;
|
||||
padding: 0.15in 0.35in;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: flex;
|
||||
@@ -47,15 +48,15 @@
|
||||
font-size: 20pt;
|
||||
font-weight: bold;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.campo {
|
||||
margin-bottom: 14px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.campo-direccion {
|
||||
min-height: 0.65in;
|
||||
min-height: 0.5in;
|
||||
}
|
||||
|
||||
.campo-label {
|
||||
@@ -77,10 +78,13 @@
|
||||
}
|
||||
|
||||
.documento-linea {
|
||||
position: absolute;
|
||||
left: 0.35in;
|
||||
right: 0.35in;
|
||||
bottom: 0.15in;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.documento-linea .campo {
|
||||
|
||||
Reference in new issue
Block a user