11document . addEventListener ( 'DOMContentLoaded' , function ( ) {
22
33 // Make tables responsive by wrapping them in a div and making them scrollable
4- const tables = document . querySelectorAll ( 'table.docutils' ) ;
4+ const tables = document . querySelectorAll ( 'table.docutils' )
55 tables . forEach ( function ( table ) {
66 table . outerHTML = '<div class="responsive-table__container">' + table . outerHTML + '</div>'
7- } ) ;
7+ } )
88
9- const togglerInput = document . querySelector ( '.toggler__input' ) ;
10- const togglerLabel = document . querySelector ( '.toggler__label' ) ;
11- const sideMenu = document . querySelector ( '.menu-wrapper' ) ;
9+ const togglerInput = document . querySelector ( '.toggler__input' )
10+ const togglerLabel = document . querySelector ( '.toggler__label' )
11+ const sideMenu = document . querySelector ( '.menu-wrapper' )
1212 const menuItems = document . querySelectorAll ( '.menu' )
13- const doc = document . querySelector ( '.document' ) ;
14- const body = document . querySelector ( 'body' ) ;
13+ const doc = document . querySelector ( '.document' )
14+ const body = document . querySelector ( 'body' )
1515
1616 function closeMenu ( ) {
17- togglerInput . checked = false ;
18- sideMenu . setAttribute ( "aria-expanded" , 'false' ) ;
19- sideMenu . setAttribute ( 'aria-hidden' , 'true' ) ;
20- togglerLabel . setAttribute ( 'aria-pressed' , 'false' ) ;
21- body . style . overflow = 'visible' ;
17+ togglerInput . checked = false
18+ sideMenu . setAttribute ( "aria-expanded" , 'false' )
19+ sideMenu . setAttribute ( 'aria-hidden' , 'true' )
20+ togglerLabel . setAttribute ( 'aria-pressed' , 'false' )
21+ body . style . overflow = 'visible'
2222 }
2323 function openMenu ( ) {
24- togglerInput . checked = true ;
25- sideMenu . setAttribute ( "aria-expanded" , 'true' ) ;
26- sideMenu . setAttribute ( 'aria-hidden' , 'false' ) ;
27- togglerLabel . setAttribute ( 'aria-pressed' , 'true' ) ;
28- body . style . overflow = 'hidden' ;
24+ togglerInput . checked = true
25+ sideMenu . setAttribute ( "aria-expanded" , 'true' )
26+ sideMenu . setAttribute ( 'aria-hidden' , 'false' )
27+ togglerLabel . setAttribute ( 'aria-pressed' , 'true' )
28+ body . style . overflow = 'hidden'
2929 }
3030
3131 // Close menu when link on the sideMenu is clicked
3232 sideMenu . addEventListener ( 'click' , function ( event ) {
33- let target = event . target ;
34- if ( target . tagName . toLowerCase ( ) !== 'a' ) return ;
35- closeMenu ( ) ;
33+ let target = event . target
34+ if ( target . tagName . toLowerCase ( ) !== 'a' ) return
35+ closeMenu ( )
3636 } )
3737 // Add accessibility data when sideMenu is opened/closed
3838 togglerInput . addEventListener ( 'change' , function ( e ) {
39- togglerInput . checked ? openMenu ( ) : closeMenu ( ) ;
40- } ) ;
39+ togglerInput . checked ? openMenu ( ) : closeMenu ( )
40+ } )
4141 // Make sideMenu links tabbable only when visible
4242 for ( let menuItem of menuItems ) {
4343 if ( togglerInput . checked ) {
44- menuItem . setAttribute ( 'tabindex' , '0' ) ;
44+ menuItem . setAttribute ( 'tabindex' , '0' )
4545 } else {
46- menuItem . setAttribute ( 'tabindex' , '-1' ) ;
46+ menuItem . setAttribute ( 'tabindex' , '-1' )
4747 }
4848 }
4949 // Close sideMenu when document body is clicked
5050 doc . addEventListener ( 'click' , function ( ) {
5151 if ( togglerInput . checked ) {
52- closeMenu ( ) ;
52+ closeMenu ( )
5353 }
5454 } )
5555} )
0 commit comments