Commit71e3162

committed

Improve sidebar responsiveness and resizability

1 parent55754b6 commit71e3162Copy full SHA for 71e3162

File tree

+28

-1

lines changed

+28

-1

lines changed

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -78,6 +78,7 @@ <h3>{{ _('Navigation') }}</h3>`
`78`	`78`	`<scripttype="text/javascript"src="{{ pathto('_static/menu.js', 1) }}"></script>`
`79`	`79`	`<scripttype="text/javascript"src="{{ pathto('_static/search-focus.js', 1) }}"></script>`
`80`	`80`	`<scripttype="text/javascript"src="{{ pathto('_static/themetoggle.js', 1) }}"></script>`
	`81`	`+<scripttype="text/javascript"src="{{ pathto('_static/sidebar-resizer.js', 1) }}"></script>`
`81`	`82`	`{%- endif -%}`
`82`	`83`	`{%- endif -%}`
`83`	`84`	`{{ super() }}`

Lines changed: 4 additions & 1 deletion

Lines changed: 23 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,23 @@`
	`1`	`+document.addEventListener('DOMContentLoaded',function(){`
	`2`	`+constsidebar=document.querySelector('.sphinxsidebar');`
	`3`	`+constresizer=document.createElement('div');`
	`4`	`+resizer.className='sidebar-resizer';`
	`5`	`+sidebar.appendChild(resizer);`
	`6`	`+`
	`7`	`+resizer.addEventListener('mousedown',function(e){`
	`8`	`+document.addEventListener('mousemove',resizeSidebar);`
	`9`	`+document.addEventListener('mouseup',stopResize);`
	`10`	`+});`
	`11`	`+`
	`12`	`+functionresizeSidebar(e){`
	`13`	`+constnewWidth=e.clientX-sidebar.getBoundingClientRect().left;`
	`14`	`+if(newWidth>150&&newWidth<window.innerWidth-100){`
	`15`	`+sidebar.style.width=newWidth+'px';`
	`16`	`+}`
	`17`	`+}`
	`18`	`+`
	`19`	`+functionstopResize(){`
	`20`	`+document.removeEventListener('mousemove',resizeSidebar);`
	`21`	`+document.removeEventListener('mouseup',stopResize);`
	`22`	`+}`
	`23`	`+});`

Comments

(0)