mirror of
https://github.com/agdamsbo/FreesearchR.git
synced 2026-06-19 12:37:30 +02:00
JS in separate file to autohide dropdowns on navigation - new dev version
Some checks are pending
pkgdown.yaml / pkgdown (push) Waiting to run
Some checks are pending
pkgdown.yaml / pkgdown (push) Waiting to run
This commit is contained in:
parent
7a76a83dba
commit
5c8d84fccd
10 changed files with 165 additions and 66 deletions
29
inst/assets/js/FreesearchR.js
Normal file
29
inst/assets/js/FreesearchR.js
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
// Automatically close drop-downs on navigation
|
||||
// Thanks to claude.ai
|
||||
$(document).on('shown.bs.tab', '#main_panel', function(e) {
|
||||
// Close dropdown in this specific navset only
|
||||
$('#main_panel .dropdown-menu').removeClass('show');
|
||||
$('#main_panel .dropdown-toggle').removeClass('show').attr('aria-expanded', 'false');
|
||||
});
|
||||
|
||||
$(document).on('shiny:sessioninitialized', function() {
|
||||
// Function to collapse navbar on mobile
|
||||
function collapseNavbar() {
|
||||
var navbar = $('.navbar-collapse');
|
||||
if (navbar.hasClass('show')) {
|
||||
navbar.removeClass('show');
|
||||
$('.navbar-toggler').addClass('collapsed');
|
||||
$('.navbar-toggler').attr('aria-expanded', 'false');
|
||||
}
|
||||
}
|
||||
|
||||
// Add click event to navigation tabs
|
||||
$(document).on('click', '.nav-link[data-bs-toggle=\"tab\"]', function() {
|
||||
setTimeout(collapseNavbar, 10);
|
||||
});
|
||||
|
||||
// Also handle direct clicks on nav items
|
||||
$(document).on('click', '.navbar-nav .nav-link', function() {
|
||||
setTimeout(collapseNavbar, 10);
|
||||
});
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue