NextERP/owl
2
0
Fork 0
mirror of https://github.com/odoo/owl.git synced 2025-10-06 19:59:41 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] devtools: fixed subwindows minimum width

Browse Source 
This commit changes the the minimum width of the subwindows to be fixed
so that the icons display stays clean even on very small widths.
This commit is contained in:
Julien Carion (juca)
2023-10-04 10:14:21 +02:00
committed by Géry Debongnie
parent 4c7f572dbe
commit 0d341d9e7b
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tools/devtools/src/devtools_app/devtools_window/components_tab/components_tab.js
+10 -2
View File
@@ -15,6 +15,7 @@ export class ComponentsTab extends Component {
this.store = useStore(); this.store = useStore();
this.flushRendersTimeout = false; this.flushRendersTimeout = false;
useExternalListener(document, "keydown", this.onKeyboardEvent); useExternalListener(document, "keydown", this.onKeyboardEvent);
useExternalListener(window, "resize", this.onWindowResize);
onWillUnmount(() => { onWillUnmount(() => {
window.removeEventListener("mousemove", this.onMouseMove); window.removeEventListener("mousemove", this.onMouseMove);
@@ -53,9 +54,11 @@ export class ComponentsTab extends Component {
// Adjust the position of the split between the left and right right window of the components tab // Adjust the position of the split between the left and right right window of the components tab
onMouseMove = (event) => { onMouseMove = (event) => {
const minWidth = (147 / window.innerWidth) * 100;
const maxWidth = 100 - (100 / window.innerWidth) * 100;
this.store.splitPosition = Math.max( this.store.splitPosition = Math.max(
Math.min((event.clientX / window.innerWidth) * 100, 85), Math.min((event.clientX / window.innerWidth) * 100, maxWidth),
15 minWidth
); );
}; };
@@ -64,4 +67,9 @@ export class ComponentsTab extends Component {
window.removeEventListener("mousemove", this.onMouseMove); window.removeEventListener("mousemove", this.onMouseMove);
window.removeEventListener("mouseup", this.onMouseUp); window.removeEventListener("mouseup", this.onMouseUp);
}; };
onWindowResize = () => {
const minWidth = (147 / window.innerWidth) * 100;
this.store.splitPosition = Math.max(this.store.splitPosition, minWidth);
};
} }