fix(orion): compact validation result and signature layout
This commit is contained in:
parent
e9e46f2cb4
commit
9a90a4938e
3 changed files with 41 additions and 21 deletions
|
|
@ -83,8 +83,10 @@ class CoverComponent(ReportComponent):
|
|||
'<p class="cover-subtitle">Funktions- und Leistungsqualifikation Klein-Sterilisator</p>'
|
||||
f'<p class="cover-subtitle">{text(context.customer.name)}</p>'
|
||||
f"{rows}"
|
||||
'<div class="cover-closing">'
|
||||
f"{validation_result_box(validation.result)}"
|
||||
'<div class="signature-grid"><div>Unterschrift technische Validierung</div><div>Unterschrift Auftraggeber</div></div>'
|
||||
'<div class="signature-block"><div class="signature-line"></div><div class="signature-label">Unterschrift technische Validierung</div></div>'
|
||||
"</div>"
|
||||
"</section>"
|
||||
)
|
||||
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@ body {
|
|||
|
||||
.cover-page {
|
||||
page: cover;
|
||||
min-height: 245mm;
|
||||
min-height: 238mm;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
|
|
@ -151,7 +151,7 @@ body {
|
|||
display: grid;
|
||||
gap: 18mm;
|
||||
grid-template-columns: 1fr 55mm;
|
||||
margin-bottom: 18mm;
|
||||
margin-bottom: 14mm;
|
||||
}
|
||||
|
||||
.cover-logo {
|
||||
|
|
@ -186,20 +186,26 @@ h1 {
|
|||
.cover-subtitle {
|
||||
color: #4F6A74;
|
||||
font-size: 14pt;
|
||||
margin: 0 0 9mm 0;
|
||||
margin: 0 0 6mm 0;
|
||||
}
|
||||
|
||||
.cover-page .definition-row {
|
||||
grid-template-columns: 36mm 1fr;
|
||||
padding: 1.4mm 0;
|
||||
padding: 1.2mm 0;
|
||||
}
|
||||
|
||||
.cover-closing {
|
||||
break-inside: avoid;
|
||||
margin-top: 5mm;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.result-box {
|
||||
border: 1.2mm solid #8A9498;
|
||||
border: .8mm solid #8A9498;
|
||||
border-radius: 2mm;
|
||||
break-inside: avoid;
|
||||
margin: 8mm 0;
|
||||
padding: 7mm 8mm;
|
||||
margin: 6mm 0;
|
||||
padding: 5mm 7mm;
|
||||
page-break-inside: avoid;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
|
@ -207,10 +213,10 @@ h1 {
|
|||
|
||||
.result-box__label {
|
||||
color: #4F5E63;
|
||||
font-size: 9.5pt;
|
||||
font-size: 9pt;
|
||||
font-weight: 700;
|
||||
letter-spacing: .06em;
|
||||
margin-bottom: 4mm;
|
||||
margin-bottom: 2.5mm;
|
||||
}
|
||||
|
||||
.result-box__value {
|
||||
|
|
@ -219,12 +225,12 @@ h1 {
|
|||
}
|
||||
|
||||
.result-box--cover {
|
||||
margin-top: 7mm;
|
||||
padding: 6mm 8mm;
|
||||
margin: 0 0 7mm 0;
|
||||
padding: 4.5mm 7mm;
|
||||
}
|
||||
|
||||
.result-box--cover .result-box__value {
|
||||
font-size: 24pt;
|
||||
font-size: 21pt;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
|
@ -261,17 +267,23 @@ h1 {
|
|||
color: #2E3B40;
|
||||
}
|
||||
|
||||
.signature-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16mm;
|
||||
margin-top: 11mm;
|
||||
.signature-block {
|
||||
break-inside: avoid;
|
||||
color: #6B7C85;
|
||||
margin-top: 6mm;
|
||||
page-break-inside: avoid;
|
||||
width: 82mm;
|
||||
}
|
||||
|
||||
.signature-grid div {
|
||||
.signature-line {
|
||||
border-top: 1px solid #6B7C85;
|
||||
color: #6B7C85;
|
||||
padding-top: 3mm;
|
||||
height: 0;
|
||||
margin-bottom: 2.5mm;
|
||||
width: 82mm;
|
||||
}
|
||||
|
||||
.signature-label {
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.chapter {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue