mirror of
				https://github.com/gtbu/Typesetter-5.3-p8.git
				synced 2025-11-03 22:38:27 +01:00 
			
		
		
		
	Bootstrap 5.3multi-theme update
sticky-footer and additional nav-classes now in pure js
This commit is contained in:
		
							parent
							
								
									3ab48205d2
								
							
						
					
					
						commit
						2035970a24
					
				
					 2 changed files with 48 additions and 10 deletions
				
			
		| 
						 | 
				
			
			@ -21,6 +21,7 @@ $footer-nav-link-active-bg:     transparent !default;
 | 
			
		|||
 | 
			
		||||
 | 
			
		||||
footer.main-footer {
 | 
			
		||||
  @extend .fixed-bottom; 
 | 
			
		||||
  font-size: $footer-font-size;
 | 
			
		||||
  background: $footer-bg;
 | 
			
		||||
  border-top: $footer-border-top;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,15 +1,44 @@
 | 
			
		|||
document.addEventListener("DOMContentLoaded", function() {
 | 
			
		||||
     
 | 
			
		||||
    // Add 'dropdown-item' class
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul.dropdown-menu li a').forEach(el => {
 | 
			
		||||
        el.classList.add('dropdown-item');
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
$( "div.gpMenu ul.dropdown-menu li a").addClass("dropdown-item");
 | 
			
		||||
    // Add 'submenu' class to nested dropdowns
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul.navbar-nav ul.dropdown-menu ul.dropdown-menu').forEach(el => {
 | 
			
		||||
        el.classList.add('submenu');
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
$( "div.gpMenu ul.navbar-nav ul.dropdown-menu ul.dropdown-menu" ).addClass("submenu");
 | 
			
		||||
$( "div.gpMenu ul.navbar-nav ul.dropdown-menu ul.dropdown-menu ul.dropdown-menu").addClass("submenu");
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul.navbar-nav ul.dropdown-menu ul.dropdown-menu ul.dropdown-menu').forEach(el => {
 | 
			
		||||
        el.classList.add('submenu');
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
$( "div.gpMenu ul.navbar-nav li.nav-item a" ).addClass("nav-link px-3 px-lg-2");
 | 
			
		||||
$( "div.gpMenu ul:not(.dropdown-menu) li.nav-item.dropdown a:not(.dropdown-item)" ).attr("id","dropdown").attr("data-bs-toggle","dropdown");
 | 
			
		||||
    // Add nav-link classes
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul.navbar-nav li.nav-item a').forEach(el => {
 | 
			
		||||
        el.classList.add('nav-link', 'px-3', 'px-lg-2');
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
$( "div.gpMenu ul.dropdown-menu").attr("aria-labelledby", "navbarDropdown");
 | 
			
		||||
$( "div.gpMenu ul.dropdown-menu li").removeClass("nav-item");
 | 
			
		||||
$( "div.gpMenu ul.dropdown-menu li a").removeClass("nav-link");
 | 
			
		||||
    // Set attributes for dropdown toggle
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul:not(.dropdown-menu) li.nav-item.dropdown a:not(.dropdown-item)').forEach(el => {
 | 
			
		||||
        el.id = 'dropdown';
 | 
			
		||||
        el.setAttribute('data-bs-toggle', 'dropdown');
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    // Set aria-labelledby
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul.dropdown-menu').forEach(el => {
 | 
			
		||||
        el.setAttribute('aria-labelledby', 'navbarDropdown');
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    // Remove classes from dropdown menu items
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul.dropdown-menu li').forEach(el => {
 | 
			
		||||
        el.classList.remove('nav-item');
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    document.querySelectorAll('div.gpMenu ul.dropdown-menu li a').forEach(el => {
 | 
			
		||||
        el.classList.remove('nav-link');
 | 
			
		||||
    });
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
| 
						 | 
				
			
			@ -18,10 +47,18 @@ $(document).ready(function() {
 | 
			
		|||
    $('div.offcanvas-body.sidebar ul:last').addClass('dropdown-menu-right').attr('data-bs-popper' , 'none');
 | 
			
		||||
  }
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
document.addEventListener("DOMContentLoaded", function() {
 | 
			
		||||
    if (window.innerWidth >= 992) {
 | 
			
		||||
        const menu = document.querySelector('div.offcanvas-body.sidebar ul:last-of-type');
 | 
			
		||||
        if (menu) {
 | 
			
		||||
            menu.classList.add('dropdown-menu-right');
 | 
			
		||||
            menu.setAttribute('data-bs-popper', 'none');
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
});
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/* --from -- https://github.com/engrasel/bs5-offcanvas-menu/  MIT License---  */
 | 
			
		||||
 | 
			
		||||
  document.addEventListener("DOMContentLoaded", function() {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in a new issue