[FIX] point_of_sale: fixed text overflow issues due to long product names

bzr revid: fva@openerp.com-20130912155409-nh2j4a3ereqwt3nn
This commit is contained in:
Frédéric van der Essen 2013-09-12 17:54:09 +02:00
parent 00d1183947
commit 4080a18ac3
2 changed files with 15 additions and 2 deletions

View File

@ -567,6 +567,7 @@
background:#fff; background:#fff;
border: 1px solid #fff; border: 1px solid #fff;
border-radius: 3px; border-radius: 3px;
overflow: hidden;
-webkit-box-shadow: 0px 2px 0px #dad8e4, 0px 1px 8px #636480; -webkit-box-shadow: 0px 2px 0px #dad8e4, 0px 1px 8px #636480;
-moz-box-shadow: 0px 2px 0px #dad8e4, 0px 1px 8px #636480; -moz-box-shadow: 0px 2px 0px #dad8e4, 0px 1px 8px #636480;
box-shadow: 0px 2px 0px #dad8e4, 0px 1px 8px #636480; box-shadow: 0px 2px 0px #dad8e4, 0px 1px 8px #636480;
@ -608,6 +609,8 @@
top:auto; top:auto;
line-height: 14px; line-height: 14px;
width:100%; width:100%;
overflow: hidden;
text-overflow: ellipsis;
background: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); background: -webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1));
background: -moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); background: -moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1));
background: -ms-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); background: -ms-linear-gradient(-90deg,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1));
@ -785,9 +788,11 @@
.point-of-sale .pos-sale-ticket table { .point-of-sale .pos-sale-ticket table {
width: 100%; width: 100%;
border: 0; border: 0;
table-layout: fixed;
} }
.point-of-sale .pos-sale-ticket table td { .point-of-sale .pos-sale-ticket table td {
border: 0; border: 0;
word-wrap: break-word;
} }
@media print { @media print {
@ -886,14 +891,16 @@
.point-of-sale .scale-screen .product-name { .point-of-sale .scale-screen .product-name {
position: absolute; position: absolute;
left:0; left:40px;
top:50px; top:50px;
height:50px; height:50px;
font-size:40px; font-size:36px;
line-height:50px; line-height:50px;
text-align:right; text-align:right;
right:275px; right:275px;
color: #8d8d8d; color: #8d8d8d;
overflow: hidden;
text-overflow: ellipsis;
} }
.point-of-sale .scale-screen .weight{ .point-of-sale .scale-screen .weight{
position: absolute; position: absolute;
@ -1057,6 +1064,7 @@
font-weight: bold; font-weight: bold;
width:80%; width:80%;
overflow:hidden; overflow:hidden;
text-overflow: ellipsis;
} }
.point-of-sale .order .orderline .price{ .point-of-sale .order .orderline .price{
padding:0; padding:0;

View File

@ -565,6 +565,11 @@
Shop: <t t-esc="widget.shop_obj.name"/><br /> Shop: <t t-esc="widget.shop_obj.name"/><br />
<br /> <br />
<table> <table>
<colgroup>
<col width='50%' />
<col width='25%' />
<col width='25%' />
</colgroup>
<tr t-foreach="widget.currentOrderLines.toArray()" t-as="orderline"> <tr t-foreach="widget.currentOrderLines.toArray()" t-as="orderline">
<td> <td>
<t t-esc="orderline.get_product().get('name')"/> <t t-esc="orderline.get_product().get('name')"/>