#main-navbar.navplusicon .dropdown-toggle::after { display: inline-block; } #main-navbar .nav-link { white-space: nowrap; } @media (min-width: {settings.config.navbarBreakpointWidth}px) { #main-navbar.navplusicon .btn { border-radius: 0; background-image: none; } #main-navbar.navplusicon .dropdown-toggle::before, #main-navbar.navplusicon .dropdown-toggle::after { display: none !important; } #main-navbar.navplusicon .dropdown { position: relative; display: inline-flex; vertical-align: middle; width: 100%; } #main-navbar.navplusicon .dropdown .has-submenu { position: relative; flex: 1 1 auto; } #main-navbar.navplusicon .plusicon { float: right; } #main-navbar.navplusicon .dropdown { width: 100%; } #main-navbar.navplusicon .btn-link { max-height: 40px; text-decoration: none; } #main-navbar.navplusicon .dropdown .btn-link { color: var(--bs-nav-link-color); } #main-navbar.navplusicon .dropdown.dropend .btn-link { color: inherit; } #main-navbar.navplusicon .dropdown .btn-link { width: 100% !important; text-align: right; } #main-navbar.navplusicon .dropdown-menu .dropdown .btn-link { height: 32px !important; } #main-navbar.navplusicon .dropdown-menu .btn-link { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } #main-navbar.navplusicon .dropdown .btn-link:focus { box-shadow: none !important; } #main-navbar.navplusicon .dropdown-menu button.btn-link { width: 40px !important; text-align: right !important; } #main-navbar.navplusicon .dropdown-menu .btn-link.parent-active { color: inherit; text-decoration: none; background-color: var(--bs-dropdown-link-hover-bg); } } // Navbar with plusicon if ( window.innerWidth < navbarBreakpointWidth ) { // mobile view if ( navbar.classList.contains('navplusicon') ) { navbar.classList.remove('navplusicon'); } var toggleSplits = document.querySelectorAll(".dropdown-toggle-split"); toggleSplits.forEach(function(toggleSplit) { toggleSplit.previousElementSibling.classList.remove('btn', 'btn-link'); toggleSplit.previousElementSibling.classList.add('dropdown-toggle'); toggleSplit.previousElementSibling.setAttribute('data-bs-toggle', 'dropdown'); toggleSplit.previousElementSibling.setAttribute('aria-expanded', 'false'); toggleSplit.previousElementSibling.setAttribute('role', 'button'); toggleSplit.previousElementSibling.setAttribute('aria-haspopup', 'true'); if ( toggleSplit.nextElementSibling != null ) { if (toggleSplit.nextElementSibling.classList.contains('dropdown-menu')) { var dItem = toggleSplit.nextElementSibling.firstChild.firstChild; if ( toggleSplit.nextElementSibling.firstChild != null ) { if ( toggleSplit.nextElementSibling.firstChild.children != null ) { Array.from(toggleSplit.nextElementSibling.firstChild.children).forEach(function(child) { if ( child.classList.contains('text-nowrap') ) { child.classList.add('has-submenu', 'dropdown-item'); child.classList.remove('ps-3', 'py-1', 'text-nowrap', 'text-start'); } }); } } } } toggleSplit.remove() }); document.querySelectorAll('.dropdown-toggle').forEach(function(sub) { sub.addEventListener('click', function(e) { if ( e.currentTarget.classList.contains('show') ) { e.preventDefault(); } else { href = e.currentTarget.getAttribute('href'); if(href != '#') { location.href = href; } } }); }); } else { // desctop view var dropdowns = document.querySelectorAll('.navplusicon .dropdown'); dropdowns.forEach(function (dropdown, index) { if (!dropdown.classList.contains('dm-toggler')) { dropdown.addEventListener('show.bs.dropdown', event => { event.target.children[0].classList.remove('fa-square-plus'); event.target.children[0].classList.add('fa-square-minus'); }); dropdown.addEventListener('hidden.bs.dropdown', event => { event.target.children[0].classList.remove('fa-square-minus'); event.target.children[0].classList.add('fa-square-plus'); }); } }); }