refactor: simplify css and ts layout
This commit is contained in:
28
static/js/anime.ts
Normal file
28
static/js/anime.ts
Normal file
@@ -0,0 +1,28 @@
|
||||
((): void => {
|
||||
const toggleDropdown = (): void => {
|
||||
const dropdown = document.getElementById('watchlist-dropdown')
|
||||
if (!dropdown) {
|
||||
return
|
||||
}
|
||||
|
||||
dropdown.classList.toggle('open')
|
||||
}
|
||||
|
||||
;(window as Window & { toggleDropdown?: () => void }).toggleDropdown = toggleDropdown
|
||||
|
||||
document.addEventListener('click', (event: MouseEvent): void => {
|
||||
const dropdown = document.getElementById('watchlist-dropdown')
|
||||
if (!dropdown) {
|
||||
return
|
||||
}
|
||||
|
||||
const target = event.target
|
||||
if (!(target instanceof Node)) {
|
||||
return
|
||||
}
|
||||
|
||||
if (!dropdown.contains(target)) {
|
||||
dropdown.classList.remove('open')
|
||||
}
|
||||
})
|
||||
})()
|
||||
Reference in New Issue
Block a user