add auto-scroll on current sidebar item

remove jquery from sidebar module
This commit is contained in:
Simon Vieille 2023-11-14 22:51:40 +01:00
parent c98ea50f30
commit 79754d45c1
Signed by: deblan
GPG key ID: 579388D585F70417
2 changed files with 17 additions and 5 deletions

View file

@ -1,6 +1,7 @@
import '../../../../../../../../assets/css/admin.scss';
require('../../../../../../../../node_modules/bootstrap/dist/js/bootstrap.min.js')
require('./modules/sidebar.js')()
require('./modules/table-fixed.js')()
require('./modules/form-confirm.js')()
require('./modules/form-file.js')()
@ -27,5 +28,4 @@ require('./modules/file-manager.js')()
require('./modules/file-picker.js')()
require('./modules/analytics.js')()
require('./modules/page.js')()
require('./modules/sidebar.js')()
require('./modules/node.js')()

View file

@ -1,9 +1,21 @@
const $ = require('jquery')
const SidebarOpener = () => {
$('.sidebar-toggler .btn').click(() => {
$('.sidebar').toggleClass('is-open')
const Sidebar = () => {
const menu = document.querySelector('.sidebar')
if (!menu) {
return
}
const stickyMenu = menu.querySelector('.sidebar-sticky')
const currentItem = menu.querySelector('.nav-link.active')
const toggler = menu.querySelector('.sidebar-toggler .btn')
toggler.addEventListener('click', () => {
menu.classList.toggle('is-open')
})
stickyMenu.scroll({top: currentItem.offsetTop - menu.scrollTop})
}
module.exports = SidebarOpener
module.exports = Sidebar