From c99684dff73b4d0ca6f73cd3cde667f685aa5b4b Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Fri, 27 Mar 2020 17:57:48 +0100 Subject: [PATCH] luci-theme-bootstrap: dynamically adjust body margin Fixes: #3722 Signed-off-by: Jo-Philipp Wich --- .../luasrc/view/themes/bootstrap/json-menu.htm | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/json-menu.htm b/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/json-menu.htm index 9d58ba2dba..ea11cf2263 100644 --- a/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/json-menu.htm +++ b/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/json-menu.htm @@ -98,6 +98,13 @@ ul.style.display = ''; } + function adjust_body_margin(ev) { + var body = document.querySelector('body'), + head = document.querySelector('header'); + + body.style.marginTop = head.offsetHeight + 'px'; + } + document.addEventListener('luci-loaded', function(ev) { var tree = <%= luci.http.write_json(luci.dispatcher.menu_json() or {}) %>, node = tree, @@ -114,6 +121,14 @@ if (node) render_tabmenu(node, url); } + + document.addEventListener('poll-start', adjust_body_margin); + document.addEventListener('poll-stop', adjust_body_margin); + document.addEventListener('uci-new-changes', adjust_body_margin); + document.addEventListener('uci-clear-changes', adjust_body_margin); + window.addEventListener('resize', adjust_body_margin); + + adjust_body_margin(ev); }); })(); -- 2.30.2