mirror of
https://github.com/gtbu/Typesetter-5.3-p8.git
synced 2025-06-18 06:53:15 +02: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