diff --git a/weirsoe-ui.js b/weirsoe-ui.js index 9a74b26..fe7a53d 100644 --- a/weirsoe-ui.js +++ b/weirsoe-ui.js @@ -182,6 +182,17 @@ document.querySelectorAll('[data-wt-sortable]').forEach(initSortable); } + // Publish the real fixed-navbar height as --wt-nav-height so content can clear + // it exactly (CSS guesses overlap when the navbar is taller than assumed). + function setNavHeight() { + var nav = document.querySelector('[data-wt-fixed-nav], .navbar.is-fixed-top'); + if (nav) document.documentElement.style.setProperty('--wt-nav-height', nav.offsetHeight + 'px'); + } + setNavHeight(); + window.addEventListener('load', setNavHeight); + window.addEventListener('resize', setNavHeight); + window.addEventListener('orientationchange', setNavHeight); + document.addEventListener('click', function (e) { var btn = e.target.closest && e.target.closest('[data-copy-link]'); if (!btn) return;