diff --git a/web/static/src/ts/main.ts b/web/static/src/ts/main.ts index a9d07f65..7db0cdb1 100644 --- a/web/static/src/ts/main.ts +++ b/web/static/src/ts/main.ts @@ -1,9 +1,8 @@ /// -import { debounce } from "./core/utils"; import { makeEnvironment } from "./env"; -import { Root } from "./widgets/root"; import { BaseMenuItem, processMenuItems } from "./misc/menu_helpers"; +import { Root } from "./widgets/root"; //------------------------------------------------------------------------------ // Application bootstrapping @@ -21,13 +20,4 @@ document.addEventListener("DOMContentLoaded", async function() { const rootWidget = new Root(env, { menuInfo }); await rootWidget.mount(document.body); (window).odoo.rootWidget = rootWidget; - - // adding reactiveness to mobile/non mobile - window.addEventListener("resize", debounce(() => { - const isMobile = window.innerWidth <= 768; - if (isMobile !== env.isMobile) { - env.isMobile = isMobile; - rootWidget.render(); - } - }, 50)); }); diff --git a/web/static/src/ts/widgets/root.ts b/web/static/src/ts/widgets/root.ts index 105bd7e3..1cae200c 100644 --- a/web/static/src/ts/widgets/root.ts +++ b/web/static/src/ts/widgets/root.ts @@ -1,6 +1,7 @@ import { INotification } from "../core/notifications"; import { Widget } from "./widget"; -import { Env } from "../env"; +import { debounce } from "../core/utils"; +import { Env } from "./widget"; import { MenuInfo, MenuItem, getAppAndAction } from "../misc/menu_helpers"; import { ActionStack } from "../services/action_manager"; import { ActionContainer } from "./action_container"; @@ -60,6 +61,15 @@ export class Root extends Widget { ); this.env.router.on("query_changed", this, this.updateAction); this.updateAction(this.env.router.getQuery()); + + // adding reactiveness to mobile/non mobile + window.addEventListener("resize", debounce(() => { + const isMobile = window.innerWidth <= 768; + if (isMobile !== this.env.isMobile) { + this.env.isMobile = isMobile; + this.render(); + } + }, 50)); } private updateAction(query: Query) {