[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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user