Altering "Insert List" spacing

[neomametchi]

Not sure which board this goes under but is there a way to change how the spacing when using the list items button works? The default leaves too much space between each list item. Is there a way to change it so it matches the spacing between each line like when typing normally?

[Brian]

I think the spacing you're referring to might just be the line breaks between each list item in the BBCode tab of the editor.

If you insert a list using the button in the BBCode tab its underlying BBCode and the result within the post look like this:

[ul type="disc"] [li]List item 1[/li] [li]List item 2[/li] [li]List item 3[/li] [/ul]

List item 1 List item 2 List item 3

Versus the Preview tab which condenses it all into one line like this when you return to the BBCode tab, resulting in this:

[ul type="disc"][li]List item 1[/li][li]List item 2[/li][li]List item 3[/li][/ul]

List item 1 List item 2 List item 3

Each return that you enter into a post ends up as a <br> tag in the final post as that's the only way for the HTML that produces the page to render a line break. So when each list item is on its own line that means there's a <br> tag in between each of them. The second example above isn't spaced out because there's nothing between each list item.

I guess with that in mind you could add something like this to your theme's style sheet and it would get rid of the line breaks automatically in posts. The only downside is that if you ever want to intentionally space out a particular list you'll have to manually add inline margin CSS to each item.

.posts .post .message ul > br,
.messages .item .message ul > br {
    display: none;
}