forked from github/docs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sidebar.ts
30 lines (24 loc) · 1.09 KB
/
sidebar.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
export default function () {
// TODO override active classes set on server side if sidebar elements are clicked
const activeMenuItem = document.querySelector('.sidebar .active') as HTMLElement
if (!activeMenuItem) return
const verticalBufferAboveActiveItem = 40
const activeMenuItemPosition = activeMenuItem.offsetTop - verticalBufferAboveActiveItem
const menu = document.querySelector('.sidebar')
if (activeMenuItemPosition > window.innerHeight * 0.5) {
menu?.scrollTo(0, activeMenuItemPosition)
}
// if the active category is a standalone category, do not close the other open dropdowns
const activeStandaloneCategory = document.querySelectorAll(
'.sidebar-category.active.standalone-category'
)
if (activeStandaloneCategory.length) return
const allOpenDetails = document.querySelectorAll('.sidebar-category:not(.active) details[open]')
if (allOpenDetails) {
for (const openDetail of Array.from(allOpenDetails)) {
openDetail.removeAttribute('open')
const svgArrowElem = openDetail.querySelector('summary > div > svg')
svgArrowElem?.remove()
}
}
}