[IMP] stock: improve buttons for reception report

When reception report is viewed in a mobile screen, the "Print Label(s)"
buttons do not fit well, therefore we use a print icon instead of text
when in a mobile view. To ensure it looks good, we also update the
buttons to have equal width/height where applicable.

Part of Task: 2632884

X-original-commit: fadc2dddf12521b0f81096b6225d67951584b714
Part-of: odoo/odoo#79408
This commit is contained in:
Tiffany Chang (tic)
2021-11-05 13:48:50 +00:00
parent 1c97b75c97
commit 9a67190e3e
2 changed files with 12 additions and 2 deletions
@@ -88,7 +88,8 @@
class="btn btn-sm btn-primary o_print_label o_print_label_all"
t-att-disabled="not any(s['is_assigned'] for s in sources_to_lines[source])"
name="print_labels">
Print Labels
<span class="d-none d-sm-block o_print_label_text">Print Labels</span>
<span class="d-block d-sm-none fa fa-print"/>
</button>
</th>
</tr>
@@ -137,7 +138,8 @@
t-attf-class="btn btn-sm btn-primary o_print_label"
t-att-disabled="not line['is_assigned']"
name="print_label">
Print Label
<span class="d-none d-sm-block o_print_label_text">Print Label</span>
<span class="d-block d-sm-none fa fa-print"/>
</button>
</td>
</tr>
@@ -10,11 +10,19 @@
}
& .btn {
&.btn-primary {
height: 31px;
background-color: $o-brand-primary;
border-color: $o-brand-primary;
&:hover:not([disabled]) {
background-color: darken($o-brand-primary, 10%);
}
&.o_report_reception_assign,
&.o_report_reception_unassign {
width: 78px;
}
& .o_print_label_text {
width: 73px;
}
}
}
& .badge {