pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] web: quick fix to remove ButtonBox overflow on mobile and tablet

Browse Source 
Because the number of buttons in the `ButtonBox` isn't dependent on 
the size of each button, sometimes the bar overflows on smaller screens. 

This should probably be redone to calculate the size of each button 
depending on its contents (which can be translatable).
In the meantime, this fixes the overflow issue.

task-3573807

closes odoo/odoo#141163

Related: odoo/enterprise#50256
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
This commit is contained in:
Elisabeth Dickinson
2023-12-06 14:07:49 +00:00
committed by Pierre Paridans
parent a01a6822dd
commit 8e1906724c
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/views/form/button_box/button_box.js
+1 -1
View File
@@ -8,7 +8,7 @@ import { Component } from "@odoo/owl";
export class ButtonBox extends Component {
setup() {
const ui = useService("ui");
this.getMaxButtons = () => [3, 3, 3, 7, 3, 4, 7][ui.size] || 7;
this.getMaxButtons = () => [2, 3, 4, 6, 3, 4, 7][ui.size] || 7;
}
getButtons() {
addons/web/static/tests/views/form/form_view_tests.js
+4 -4
View File
@@ -413,7 +413,7 @@ QUnit.module("Views", (hooks) => {
resId: 2,
});
assert.containsN(target, ".o-form-buttonbox > button", 3);
assert.containsN(target, ".o-form-buttonbox > button", 2);
assert.containsOnce(target, ".o-dropdown.oe_stat_button .o_button_more");
await click(target, ".o-dropdown.oe_stat_button .o_button_more");
@@ -8343,10 +8343,10 @@ QUnit.module("Views", (hooks) => {
);
};
await assertFormContainsNButtonsWithSizeClass(0, 3);
await assertFormContainsNButtonsWithSizeClass(0, 2);
await assertFormContainsNButtonsWithSizeClass(1, 3);
await assertFormContainsNButtonsWithSizeClass(2, 3);
await assertFormContainsNButtonsWithSizeClass(3, 7);
await assertFormContainsNButtonsWithSizeClass(2, 4);
await assertFormContainsNButtonsWithSizeClass(3, 6);
await assertFormContainsNButtonsWithSizeClass(4, 3);
await assertFormContainsNButtonsWithSizeClass(5, 4);
await assertFormContainsNButtonsWithSizeClass(6, 7);