add auto-scroll on current sidebar item
remove jquery from sidebar module
This commit is contained in:
parent
c98ea50f30
commit
79754d45c1
|
@ -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')()
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue