Skip to content
Snippets Groups Projects
Commit 5f174f12 authored by Pierre Masereel's avatar Pierre Masereel
Browse files

[FIX] point_of_sale: fix small issues of responsive 


closes odoo/odoo#52871

Signed-off-by: default avatarpimodoo <pimodoo@users.noreply.github.com>
parent ab487982
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 96 additions and 11 deletions
addons/point_of_sale/static/src/css/pos.css
+ 82
− 2
View file @ 5f174f12
......@@ -548,6 +548,10 @@ td {
font-weight: bold;
flex-grow: 1;
flex-basis: 50%;
padding-bottom: 20px;
}
.pos .switchpane .btn-switchpane h1 {
margin-bottom: 0px;
}
.pos .switchpane .btn-switchpane.secondary {
......@@ -742,6 +746,17 @@ td {
border-radius: 100%;
}
@media screen and (max-width: 768px) {
.pos .actionpad .button.set-customer{
padding-left: 0px;
padding-right: 0px;
}
.pos .actionpad .button.set-customer.decentered{
padding-left: 0px;
padding-right: 0px;
}
}
/* ********* The Numpad ********* */
.pos .numpad {
......@@ -755,6 +770,7 @@ td {
border-top: 1px solid;
border-color: #bfbfbf;
border-top-right-radius: 4px;
min-width: 216px;
}
.pos .numpad button {
float: left/*rtl:ignore*/; /* rtlcss forced to keep ltr */
......@@ -907,6 +923,8 @@ td {
@media screen and (max-width: 768px) {
.pos .breadcrumb-button.breadcrumb-home {
width: auto;
font-size: 13px;
margin-left: 3px;
}
}
......@@ -1133,6 +1151,10 @@ td {
height: auto;
margin: 0px !important;
}
.pos .product:active {
border: solid 50px #6ec89b;
box-sizing: border-box;
}
.pos .product:after {
content: "";
display: block;
......@@ -1572,6 +1594,12 @@ td {
@media screen and (max-width: 768px) {
.pos .paymentlines-container {
min-height: 0px;
border-bottom: none;
padding-bottom: 3px;
}
.pos .paymentlines {
margin-top: 0px;
margin-bottom: 0px;
}
.payment-status-container {
font-size: 22px;
......@@ -1585,6 +1613,9 @@ td {
flex-grow: 1;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 0px;
line-height: normal;
padding-top: 28px;
padding-bottom: 28px;
}
.payment-screen .payment-buttons .button .fa {
display: none;
......@@ -1769,11 +1800,10 @@ td {
.pos .clientlist-screen .client-list{
font-size: 16px;
width: 100%;
line-height: 40px;
}
.pos .clientlist-screen .client-list th,
.pos .clientlist-screen .client-list td {
padding: 0px 8px;
padding: 12px 8px;
}
.pos .clientlist-screen .client-list tr{
transition: all 150ms linear;
......@@ -1945,6 +1975,52 @@ td {
cursor: pointer;
}
@media screen and (max-width: 768px) {
.searchbox-client.top-content-center {
display: flex
}
.pos .searchbox-client input {
width: auto;
flex-grow: 1;
padding-left: 10px;
padding-right: 10px;
}
.pos .clientlist-screen .client-details-box {
display: flex;
flex-wrap: wrap;
}
.pos .clientlist-screen .client-details-left{
width: auto;
float: none;
flex-grow: 1;
}
.pos .clientlist-screen .client-details-right{
width: auto;
float: none;
flex-grow: 1;
}
.pos .clientlist-screen .client-detail{
display: flex;
flex-direction: column;
}
.pos .clientlist-screen .client-details input,
.pos .clientlist-screen .client-details select
{
width: 100%;
}
.pos .clientlist-screen .client-details input.client-name {
width: 100%;
}
.pos .clientlist-screen .client-detail > .label{
width: auto;
text-align: left;
}
.pos .clientlist-screen .client-list td {
overflow: hidden;
white-space: nowrap;
}
}
......@@ -2198,6 +2274,10 @@ td {
}
@media screen and (max-width: 768px) {
.paymentmethods {
margin-top: 0px;
margin-bottom: 0px;
}
.paymentmethods .button {
border: solid 1px rgb(202, 202, 202);
border-radius: 3px;
......
addons/point_of_sale/static/src/xml/Screens/ClientListScreen/ClientLine.xml
+ 6
− 3
View file @ 5f174f12
......@@ -7,11 +7,14 @@
<td>
<t t-esc="props.partner.name" />
</td>
<td>
<td t-if="!env.isMobile">
<t t-esc="props.partner.address" />
</td>
<td t-if="!env.isMobile">
<t t-esc="props.partner.phone or props.partner.mobile or ''" />
<td t-if="env.isMobile">
<t t-esc="props.partner.zip or ''" />
</td>
<td>
<t t-esc="props.partner.email or ''" />
</td>
</tr>
</t>
......
addons/point_of_sale/static/src/xml/Screens/ClientListScreen/ClientListScreen.xml
+ 5
− 3
View file @ 5f174f12
......@@ -10,7 +10,7 @@
<t t-if="!env.isMobile"> Cancel</t>
</div>
<div class="searchbox-client top-content-center">
<input placeholder="Search Customers" t-on-keyup="updateClientList" />
<input placeholder="Search Customers" size="1" t-on-keyup="updateClientList" />
<span class="search-clear-client"></span>
</div>
<div class="button new-customer" role="img" aria-label="Add a customer"
......@@ -53,8 +53,10 @@
<thead>
<tr>
<th>Name</th>
<th>Address</th>
<th t-if="!env.isMobile">Phone</th>
<th t-if="!env.isMobile">Address</th>
<th t-if="env.isMobile">ZIP</th>
<th>Email</th>
</tr>
</thead>
<tbody class="client-list-contents">
......
addons/point_of_sale/static/src/xml/Screens/ProductScreen/ActionpadWidget.xml
+ 1
− 1
View file @ 5f174f12
......@@ -5,7 +5,7 @@
<div class="actionpad">
<button class="button set-customer" t-att-class="{'decentered': isLongName}"
t-on-click="trigger('click-customer')">
<i class="fa fa-user" role="img" aria-label="Customer" title="Customer" />
<t t-if="!env.isMobile"><i class="fa fa-user" role="img" aria-label="Customer" title="Customer" /></t>
<t t-if="client">
<t t-esc="client.name" />
</t>
......
addons/point_of_sale/static/src/xml/Screens/ProductScreen/Orderline.xml
+ 2
− 2
View file @ 5f174f12
......@@ -34,7 +34,7 @@
<em>
<t t-esc="props.line.get_quantity_str()" />
</em>
<t t-esc="props.line.get_unit().name" />
<span> </span><t t-esc="props.line.get_unit().name" />
at
<t t-if="props.line.display_discount_policy() == 'without_discount' and
props.line.get_unit_display_price() != props.line.get_lst_price()">
......@@ -63,4 +63,4 @@
</li>
</t>
</templates>
\ No newline at end of file
</templates>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment