diff --git a/ietf/static/css/ietf.scss b/ietf/static/css/ietf.scss index f705bc1cb1..de733e7a81 100644 --- a/ietf/static/css/ietf.scss +++ b/ietf/static/css/ietf.scss @@ -84,6 +84,34 @@ html { scroll-padding-top: 60px; } +// Make submenus open on hover. +@include media-breakpoint-up(lg) { + .dropdown-menu>li>ul { + display: none; + } + + .dropdown-menu>li:hover>ul { + display: block; + } + +} + +@include media-breakpoint-up(md) { + .leftmenu .nav>li>ul { + display: none; + } + + .leftmenu .nav>li:hover>ul { + display: block; + } +} + +:is(.dropdown-menu, .leftmenu .nav) .dropdown-menu { + top: 0; + left: 100%; + right: auto; +} + // Make textareas in forms use a monospace font textarea.form-control { font-family: $font-family-code; diff --git a/ietf/static/js/ietf.js b/ietf/static/js/ietf.js index 75cf1e359c..69c8fa9ae6 100644 --- a/ietf/static/js/ietf.js +++ b/ietf/static/js/ietf.js @@ -93,18 +93,6 @@ $(document) $(document) .ready(function () { - - function dropdown_hover(e) { - var navbar = $(this) - .closest(".navbar"); - if (navbar.length === 0 || navbar.find(".navbar-toggler") - .is(":hidden")) { - $(this) - .children(".dropdown-toggle") - .dropdown(e.type == "mouseenter" ? "show" : "hide"); - } - } - // load data for the menu $.ajax({ url: $(document.body) @@ -140,9 +128,6 @@ $(document) } attachTo.append(menu.join("")); } - - $("ul.nav li.dropdown, ul.nav li.dropend") - .on("mouseenter mouseleave", dropdown_hover); } }); }); diff --git a/ietf/templates/base/menu.html b/ietf/templates/base/menu.html index d979808059..2f88aadca8 100644 --- a/ietf/templates/base/menu.html +++ b/ietf/templates/base/menu.html @@ -10,7 +10,6 @@