Merge pull request 'Changed logic and converted to mm and changed alignment of panel sticker' (#635) from ranjith-dev into master
Some checks failed
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (push) Has been cancelled
Some checks failed
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (push) Has been cancelled
Reviewed-on: #635
This commit was merged in pull request #635.
This commit is contained in:
@@ -1,100 +1,70 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
@page {
|
@page {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body{
|
||||||
margin: 0;
|
margin:0;
|
||||||
padding: 0;
|
padding:0;
|
||||||
/* font-family: "Arial Narrow", "DejaVu Sans", sans-serif; */
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.sticker {
|
.sticker{
|
||||||
width: 113.39pt;
|
width:40mm;
|
||||||
height: 113.39pt;
|
height:40mm;
|
||||||
overflow: hidden;
|
overflow:hidden;
|
||||||
}
|
position:relative;
|
||||||
|
box-sizing:border-box;
|
||||||
|
}
|
||||||
|
|
||||||
.sticker:last-child {
|
.qr{
|
||||||
page-break-after: auto;
|
width:22mm;
|
||||||
}
|
height:22mm;
|
||||||
|
position:absolute;
|
||||||
|
top:3mm;
|
||||||
|
left:9mm;
|
||||||
|
}
|
||||||
|
|
||||||
table {
|
.serial{
|
||||||
width: 100%;
|
position:absolute;
|
||||||
border-collapse: collapse;
|
top:26mm; /* 3 + 22 + 1mm spacing */
|
||||||
}
|
width:100%;
|
||||||
|
text-align:center;
|
||||||
td {
|
font-family:Arial, sans-serif;
|
||||||
padding: 0;
|
font-weight:bold;
|
||||||
margin: 0;
|
font-size:2mm;
|
||||||
vertical-align: top;
|
}
|
||||||
}
|
.desc{
|
||||||
|
position:absolute;
|
||||||
.qr {
|
top:31.5mm;
|
||||||
width: 90pt;
|
width:100%;
|
||||||
height: 90pt;
|
text-align:center;
|
||||||
padding-top: 2pt;
|
font-family:Arial, sans-serif;
|
||||||
/* padding-left: 12pt; */
|
font-weight:bold;
|
||||||
}
|
font-size:2.5mm;
|
||||||
|
white-space:nowrap;
|
||||||
.text {
|
}
|
||||||
position: relative;
|
</style>
|
||||||
/* padding-left: 5pt; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.serial {
|
|
||||||
font-size: 7pt;
|
|
||||||
font-weight: bold;
|
|
||||||
position: relative;
|
|
||||||
/* top: 30pt; */
|
|
||||||
top: -5pt;
|
|
||||||
/* padding-left: 1pt; */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* .po {
|
|
||||||
font-size: 8pt;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: left !important;
|
|
||||||
position: absolute;
|
|
||||||
right: 5pt;
|
|
||||||
top: 8pt;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.desc {
|
|
||||||
font-family: "Arial Narrow";
|
|
||||||
font-size: 6pt;
|
|
||||||
font-weight: bold;
|
|
||||||
white-space: nowrap;
|
|
||||||
/* padding-top: 42pt; */
|
|
||||||
left: -38pt;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
@foreach($stickers as $sticker)
|
@foreach($stickers as $sticker)
|
||||||
<div class="sticker">
|
<div class="sticker">
|
||||||
<table>
|
|
||||||
<tr>
|
<img class="qr" src="{{ $sticker['qr'] }}">
|
||||||
<td align="center">
|
|
||||||
<img class="qr" src="{{ $sticker['qr'] }}">
|
<div class="serial">
|
||||||
</td>
|
{{ $sticker['serial'] }}
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="text" align="center">
|
|
||||||
<div class="serial">{{ $sticker['serial'] }}</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="text" align="center">
|
|
||||||
<div class="desc">{{ $sticker['description'] }}</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="desc">
|
||||||
|
{{ $sticker['description'] }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user