pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] point_of_sale: Fix small layout issues

Browse Source 
Fix small layout issues:
 - On the scale screen, the product and computed prices were too large
   and not displayed correctly, hiding part of the Order button.
 - The icon in the proxy status was not displayed next to the text but
   on the next line, partly hidden.
 - The proxy status takes too much space on small devices, we hide the
   text and show only the icon on mobile.

closes odoo/odoo#55259

X-original-commit: 9d81e9d376751bf971733475ce241821f38352f8
Signed-off-by: pimodoo <pimodoo@users.noreply.github.com>
Signed-off-by: Antoine Prieëls <aprieels@users.noreply.github.com>
This commit is contained in:
Antoine Prieels
2020-07-31 11:58:08 +00:00
parent e77a871672
commit d24e3e780f
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/point_of_sale/static/src/css/pos.css
+2 -2
View File
@@ -1772,7 +1772,7 @@ td {
margin: 16px;
text-align: center;
display: inline-block;
width: 40%;
width: 35%;
}
.pos .scale-screen .computed-price{
font-size: 25px;
@@ -1782,7 +1782,7 @@ td {
margin-top: 0px;
padding: 16px;
background: white;
width: 40%;
width: 35%;
border-radius: 3px;
font-family: Inconsolata;
font-weight: bold;
addons/point_of_sale/static/src/xml/ChromeWidgets/ProxyStatus.xml
+9 -9
View File
@@ -3,25 +3,25 @@
<t t-name="ProxyStatus" owl="1">
<div class="oe_status js_proxy" t-on-click="onClick">
<span t-if="state.msg" class="js_msg">
<span t-if="state.msg and !env.isMobile" class="js_msg">
<t t-esc="state.msg" />
</span>
<div t-if="state.status === 'connected'" class="js_connected oe_green">
<span t-if="state.status === 'connected'" class="js_connected oe_green">
<i class="fa fa-fw fa-sitemap" role="img" aria-label="Proxy Connected"
title="Proxy Connected"></i>
</div>
<div t-if="state.status === 'connecting'" class="js_connecting">
</span>
<span t-if="state.status === 'connecting'" class="js_connecting">
<i class="fa fa-fw fa-spin fa-spinner" role="img" aria-label="Connecting to Proxy"
title="Connecting to Proxy"></i>
</div>
<div t-if="state.status === 'warning'" class="js_warning oe_orange">
</span>
<span t-if="state.status === 'warning'" class="js_warning oe_orange">
<i class="fa fa-fw fa-sitemap" role="img" aria-label="Proxy Warning"
title="Proxy Warning"></i>
</div>
<div t-if="state.status === 'disconnected'" class="js_disconnected oe_red">
</span>
<span t-if="state.status === 'disconnected'" class="js_disconnected oe_red">
<i class="fa fa-fw fa-sitemap" role="img" aria-label="Proxy Disconnected"
title="Proxy Disconnected"></i>
</div>
</span>
</div>
</t>