Surge XT manual: CSS: large paragraph spacing, missing bullets

surge-synthesizer / surge-synthesizer.github.io

Surge synthesizer website @ https://surge-synthesizer.github.io

https://surge-synthesizer.github.io

GNU General Public License v3.0

124 stars 37 forks source link

Surge XT manual: CSS: large paragraph spacing, missing bullets #349

Closed j5v closed 3 months ago

j5v commented 3 months ago

The CSS needs fixing. For example:

line spacing is compact
paragraph spacing is too large, like fixed-height double spacing
list item bullets and indents are missing

Generated HTML looks fine:

j5v commented 3 months ago

The spacing is caused by the gap-8 class in div#pagecontent.

Ideally, we shouldn't need that, and should apply margins to a few basic HTML elements. That would give us the right spacing between paragraphs, headings, etc.

j5v commented 3 months ago

Disappearing bullets are from ul styles. Suspect a specificity issue, or lack of component isolation.

Disabling the (compiled inline) CSS at line 308 fixes the body list item issue (screenshot below), but re-enables the bullet in the left-side nav panel.