[FIX] account: invoice outstanding wrong displayed on mobile

Steps to reproduce:
- Go to Invoicing
- Select an invoice
- Add credit note
- Click on "Post"
- Invoice footer is overlapped on mobile

This bug occured because of "float: right".
Get rid of this is too much work (oe_subtotal_footer is already floating),
so we decided to keep it with a "clear: both".
In desktop, this element is on the right of the screen but
on mobile we take the whole horizontal space.

closes odoo/odoo#46007

Task-id: 2184243
X-original-commit: 986152405a0ba6038df7d93c9264a46ee4207dd8
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
This commit is contained in:
Adrien Dieudonne
2020-02-22 15:48:18 +00:00
parent 832bac0628
commit c70e7ebeca
2 changed files with 27 additions and 23 deletions
+11 -2
View File
@@ -24,6 +24,15 @@
color: grey;
}
.oe_invoice_outstanding_credits_debits tbody tr td{
padding-right: 0 !important;
.oe_invoice_outstanding_credits_debits {
clear: both;
float: right;
min-width: 350px;
}
@media (max-width: 767.98px) {
.oe_invoice_outstanding_credits_debits {
min-width: initial;
width: 100%;
}
}
+16 -21
View File
@@ -834,28 +834,23 @@
</field>
<!-- Totals (only invoices / receipts) -->
<group class="oe_right">
<group class="oe_subtotal_footer"
attrs="{'invisible': ['|', ('move_type', 'not in', ('out_invoice', 'out_refund', 'in_invoice', 'in_refund', 'out_receipt', 'in_receipt')),
('payment_state' ,'=', 'invoicing_legacy')]}">
<field name="amount_tax" invisible="1"/>
<field name="amount_untaxed" attrs="{'invisible': [('amount_tax', '=', 0)]}"/>
<field name="amount_by_group" widget="tax-group-custom-field" nolabel="1" colspan="2" attrs="{'invisible': [('amount_tax', '=', 0)]}"/>
<field name="amount_total" attrs="{'invisible': [('amount_tax', '!=', 0)]}"/>
<field name="amount_total" class="oe_subtotal_footer_separator" attrs="{'invisible': [('amount_tax', '=', 0)]}"/>
<field name="invoice_payments_widget" colspan="2" nolabel="1" widget="payment"/>
<field name="amount_residual" class="oe_subtotal_footer_separator" attrs="{'invisible': [('state', '=', 'draft')]}"/>
</group>
<newline/>
<group class="oe_invoice_outstanding_credits_debits" style="width: 350px !important;">
<field name="invoice_outstanding_credits_debits_widget"
colspan="2" nolabel="1" widget="payment"
attrs="{'invisible': ['|', ('state', '!=', 'posted'), ('move_type', 'in', ('out_receipt', 'in_receipt'))]}"/>
</group>
<group class="oe_subtotal_footer"
attrs="{'invisible': ['|', ('move_type', 'not in', ('out_invoice', 'out_refund', 'in_invoice', 'in_refund', 'out_receipt', 'in_receipt')),
('payment_state' ,'=', 'invoicing_legacy')]}">
<field name="amount_tax" invisible="1"/>
<field name="amount_untaxed" attrs="{'invisible': [('amount_tax', '=', 0)]}"/>
<field name="amount_by_group" widget="tax-group-custom-field" nolabel="1" colspan="2" attrs="{'invisible': [('amount_tax', '=', 0)]}"/>
<field name="amount_total" attrs="{'invisible': [('amount_tax', '!=', 0)]}"/>
<field name="amount_total" class="oe_subtotal_footer_separator" attrs="{'invisible': [('amount_tax', '=', 0)]}"/>
<field name="invoice_payments_widget" colspan="2" nolabel="1" widget="payment"/>
<field name="amount_residual" class="oe_subtotal_footer_separator" attrs="{'invisible': [('state', '=', 'draft')]}"/>
</group>
<field name="invoice_outstanding_credits_debits_widget"
class="oe_invoice_outstanding_credits_debits"
colspan="2" nolabel="1" widget="payment"
attrs="{'invisible': ['|', ('state', '!=', 'posted'), ('move_type', 'in', ('out_receipt', 'in_receipt'))]}"/>
<!-- Internal note -->
<field name="narration" placeholder="Terms and Conditions" nolabel="1" height="50"/>
</page>