Skip to content

19 fix standard sidebar

Robert Schäfer requested to merge roschaefer/mangrove:19_fix_standard_sidebar into master

fix: Overlapping table of contents on /standard

Node module frontmatter-markdown-loader transforms code blocks into a <pre> element containing a <code> element.

HTML's <pre> is the preformatted text element (e.g. used on ASCII art): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

The overlapping sidebar is visible if the text on the <pre> element overflows its container. A simple global CSS rule adds a horizontal scroll bar and the problem is fixed.

I refactored the vuetify layout with column breakpoints. On smaller devices, the two columns will wrap and the table of contents is on the top.

fix #19 (closed)

Merge request reports