diff options
| author | Joseph Caburnay <jcb@odoo.com> | 2019-09-23 08:42:03 +0000 |
|---|---|---|
| committer | Joseph Caburnay <jcb@odoo.com> | 2019-10-31 12:16:28 +0000 |
| commit | 56aa962414bc12df0d1ca6f7ff25efc04b938cbc (patch) | |
| tree | 2bde8e9908c36a793c2029a900987f63a23f9ffa /addons/point_of_sale/static/src/css | |
| parent | 95d277966aeeea7e08c473ca40fc5cf7de565c74 (diff) | |
[IMP] point_of_sale: centralize the due and change in payment interface
The previous behavior is that change is displayed at each payment
line and the remaining is displayed at the bottom. Also, total
amount is lost in the screen.
This commit addresses this issue by showing the values of
remaining amount and change at just one area of the payment
screen.
task-id: 1984690
Diffstat (limited to 'addons/point_of_sale/static/src/css')
| -rw-r--r-- | addons/point_of_sale/static/src/css/pos.css | 35 |
1 files changed, 24 insertions, 11 deletions
diff --git a/addons/point_of_sale/static/src/css/pos.css b/addons/point_of_sale/static/src/css/pos.css index 36ab2b77938..53dd2c65481 100644 --- a/addons/point_of_sale/static/src/css/pos.css +++ b/addons/point_of_sale/static/src/css/pos.css @@ -1333,19 +1333,9 @@ td { .pos .paymentline > *{ padding: 8px 12px; } -.pos .paymentline .col-due, -.pos .paymentline .col-tendered, -.pos .paymentline .col-change { +.pos .paymentline .col-tendered { min-width: 90px; } -.pos .paymentline.extra .col-due { - border-radius: 0 0 6px 6px; - border-top: solid 1px rgb(230, 230, 230); - font-weight: bold; -} -.pos .paymentline .col-change.highlight { - background: rgb(184, 152, 204); -} .pos .paymentline .col-name { font-size: 16px; } @@ -1440,6 +1430,29 @@ td { font-size: 16px; } +.payment-status-container { + display: flex; + justify-content: space-between; + font-size: 25px; + padding-top: 15px; +} + +.payment-status-total-due { + font-size: 17px; + padding-top: 12px; + padding-bottom: 12px; + color: #5c5c5cd1; +} + +.payment-status-container .amount.highlight { + font-weight: bold; + color: #6EC89B; +} + +.payment-status-container .label { + padding-right: 7px; +} + /* c) The receipt screen */ .pos .receipt-screen .centered-content .button { |