almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-05-01 19:32:26 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix pdf export layout

Browse source
This commit is contained in:
xmeunier 2025-02-02 22:48:00 +01:00 committed by Laetitia Getti
parent 272df57664
commit b4311f1401
1 changed files with 10 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
la_chariotte/order/templates/order/grouped_order_sheet.html
View file

@ -21,26 +21,22 @@
} }
{% if items|length > 10 %} {% if items|length > 10 %}
.item_name { .item_name {
text-align:center;
white-space:nowrap;
-webkit-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg); -o-transform: rotate(-90deg);
transform: rotate(-90deg); transform: rotate(-90deg);
font-size: 8pt; font-size: 8pt;
height:220px;
} }
.item_name div { .item_name div {
margin:-10px -120% ; width:200px;
display:inline-block; -webkit-transform: translateX(-40%);
} -moz-transform: translateX(-40%);
.item_name div:before{ -ms-transform: translateX(-40%);
content:''; -o-transform: translateX(-40%);
width:0; transform: translateX(-40%);
padding-top:110%;
display:inline-block;
vertical-align:middle;
} }
{% endif %} {% endif %}
@ -53,20 +49,19 @@
border: 1px black solid; border: 1px black solid;
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
table-layout: fixed
} }
th, td { th, td {
vertical-align: center;
padding: 3px 2px 2px 2px; padding: 3px 2px 2px 2px;
border: 1px black solid; border: 1px black solid;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
word-wrap: break-word;
} }
th { th {
page-break-inside: avoid; page-break-inside: avoid;
word-break: break-all;
word-wrap: break-word;
font-weight: bold; font-weight: bold;
} }
@ -85,7 +80,7 @@
<thead> <thead>
<tr> <tr>
<th style="font-size: 0.5em; width: 2em">OK</th> <th style="font-size: 0.5em; width: 2em">OK</th>
<th style="text-align: center">Nom</th> <th style="text-align: center; width: 20%">Nom</th>
{% for item in items %} {% for item in items %}
<th class="item_name" style="font-weight: normal;"> <th class="item_name" style="font-weight: normal;">
<div>{{ item.name }}</div> <div>{{ item.name }}</div>