diff options
| author | Joseph Caburnay <jcb@odoo.com> | 2020-07-01 07:57:08 +0000 |
|---|---|---|
| committer | Joseph Caburnay <jcb@odoo.com> | 2020-07-15 15:29:11 +0000 |
| commit | 800fa0812a44efa8dee5915035cf62774b25d076 (patch) | |
| tree | 472c118952a93623eb1f599585cf0b2bfd37bea3 /addons/pos_restaurant/static/src/xml/Screens/SplitBillScreen/SplitBillScreen.xml | |
| parent | 8d721f67283c7545ce04694ee840cc991d4ef795 (diff) | |
[FIX] pos_restaurant: split bill screen responsive
The layout of the split bill screen is broken after the responsive pos ui.
This fixes the split bill screen and make it also responsive.
New classes are introduced because reusing proved to be very difficult.
One benefit of declaring a new classes (then styling them) is that we can
target the particular elements that we wanted to change without the concerns
that another elements are changed.
closes odoo/odoo#54529
X-original-commit: 51f0c6a1be912192d910d47b79ac2cb3c5b42784
Signed-off-by: pimodoo <pimodoo@users.noreply.github.com>
Diffstat (limited to 'addons/pos_restaurant/static/src/xml/Screens/SplitBillScreen/SplitBillScreen.xml')
| -rw-r--r-- | addons/pos_restaurant/static/src/xml/Screens/SplitBillScreen/SplitBillScreen.xml | 44 |
1 files changed, 24 insertions, 20 deletions
diff --git a/addons/pos_restaurant/static/src/xml/Screens/SplitBillScreen/SplitBillScreen.xml b/addons/pos_restaurant/static/src/xml/Screens/SplitBillScreen/SplitBillScreen.xml index f09ecdcdc1d..f853d8aafca 100644 --- a/addons/pos_restaurant/static/src/xml/Screens/SplitBillScreen/SplitBillScreen.xml +++ b/addons/pos_restaurant/static/src/xml/Screens/SplitBillScreen/SplitBillScreen.xml @@ -3,35 +3,39 @@ <t t-name="SplitBillScreen" owl="1"> <div class="splitbill-screen screen"> - <div class="screen-content"> + <div class="contents"> <div class="top-content"> <span class="button back" t-on-click="back"> <i class="fa fa-angle-double-left"></i> <span> </span> <span>Back</span> </span> - <h1>Bill Splitting</h1> - </div> - <div class="left-content touch-scrollable scrollable-y"> - <div class="order"> - <ul class="orderlines"> - <t t-foreach="orderlines" t-as="line" t-key="line.cid"> - <SplitOrderline line="line" split="splitlines[line.id]" /> - </t> - </ul> + <div class="top-content-center"> + <h1>Bill Splitting</h1> </div> </div> - <div class="right-content touch-scrollable scrollable-y"> - <div class="order-info"> - <span class="subtotal"> - <t t-esc="env.pos.format_currency(newOrder.get_subtotal())" /> - </span> + <div class="main"> + <div class="lines"> + <div class="order"> + <ul class="orderlines"> + <t t-foreach="orderlines" t-as="line" t-key="line.cid"> + <SplitOrderline line="line" split="splitlines[line.id]" /> + </t> + </ul> + </div> </div> - <div class="paymentmethods"> - <div class="button payment" t-on-click="proceed"> - <i class="fa fa-chevron-right" /> - <span> </span> - <span>Payment</span> + <div class="controls"> + <div class="order-info"> + <span class="subtotal"> + <t t-esc="env.pos.format_currency(newOrder.get_subtotal())" /> + </span> + </div> + <div class="pay-button"> + <div class="button" t-on-click="proceed"> + <i class="fa fa-chevron-right" /> + <span> </span> + <span>Payment</span> + </div> </div> </div> </div> |