docs site layout bug

[goyalyashpal]

I was browsing https://docs.helix-editor.com/install.html on my mobile whose resolution is pretty high, the screenshot's width says it's 1080px.

• I noticed that the content i.e. under the <main> tag is scrolling sideways but the general buttons outside are not scrolling.
• I was able to reproduce this bug in the desktop browser in developer tools using "device toolbar (C-S-m)" when the width drops below 394 px.

The css corresponding to that <main> tag is this one, though i ain't sure that it's the offending one.

helix/book/theme/css/general.css

Lines 91 to 95 in 68fc109

	.content main {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--content-max-width);
	}

Screen records:

Mobile phone:

doc_2023-01-22.mp4

Desktop web dev/inspection tools:

helix.docs.general.css.bug.vivaldi_RP7pM3W1UR.mp4

[goyalyashpal]

i think it's fixed

helix/book/custom.css

Line 29 in 1b5295a

commit ref:

• 9a324f3
• docs: Update mdBook theme and improve maintainability #7524

history for both files:

• https://github.com/helix-editor/helix/commits/master/book/custom.css
• https://github.com/helix-editor/helix/commits/master/book/theme/css/general.css