Line spacing in forum topics

  1. maybe i should actually use longer text for my test. so it can wrap lines and make them show as proper long list items.
  2. this is a test of the markdown rendering without any extra newlines between the list items as @patdavid had
  3. see no paragraphs mom.
  1. Once upon a midnight dreary while I pondered weak and weary over many a curious and quaint volume of forgotten lore. Suddenly there came a tapping as of someone gently rapping - rapping on my chamber door.
  2. Tis some wayward visitor I muttered only this and nothing more. I am running out of Poe references that Iā€™ve memorised so weā€™re going to go with whatever is coming out of my slightly bent brain to see what happens.
  3. This is just another paragraph of stuff that I am including in this thing - there should be a question if the list element runs on this long if you should even be using a list in the first place? If youā€™re going to be this verbose perhaps it would make more sense to break this out into actual paragraphs and tighten up the list?
  4. with loose list items

In CSS, ā€œli { padding: 0.25em; }ā€ works well.

Funny bug: with just 1 item having a paragraph trigger inside all of them become paragraphs

  1. maybe i should actually use longer text for my test. so it can wrap lines and make them show as proper long list items.

  2. this is a test of the markdown rendering without any extra newlines between the list items as @patdavid had

  3. see no paragraphs mom.

  4. maybe i should actually use longer text for my test. so it can wrap lines and make them show as proper long list items.

  5. this is a test of the markdown rendering without any extra newlines between the list items as @patdavid had

  6. see no paragraphs mom.

I actually wanted it to be 2 lists.

so the solution is that houz just adds one extra \n in each list. and it will render them out as p elements :wink:

:smiley:

Iā€™ve pushed a request upstream for a minor change in the default CSS:

We could also add this to a theme, as they support custom CSS.

You can now select the theme ā€œwhite li spacingā€ which is the default white theme with 0.2em added to the li element.

Iā€™m not seeing any difference in spacing with that theme.

It is silly but it is dead simple.

Indeed, I have encountered this and other annoyances. Maybe I should keep track of this stuff.

So where does this leave us? Wait for a theme change every time? Or take things into our own hands by typing inelegantly formatted posts? Orā€¦

Iā€™ve made a theme that has this change.

I just activated it and it works for me. I didnā€™t do it right away because @elGordo said that he didnā€™t see any difference. As before, I hope that there will eventually be a way for the user to customize the CSS within preferences.

I do now, but I have to go all forensic to detect it. the box model still shows the same dimensions for li items. In a new tab, I switched back to the fifty shades of grey theme, and when I switch back and forth between the new theme and the fiddy theme the line spacing visually seems the same. I positioned both tabs with the heading ā€œThe Big Onesā€ at the top, and the last visible line on the fiddy tab was ā€œOn OSX, load single images from command line or via drag&drop in darkroom modeā€. On the new themeā€™s tab, the following line was approximately half visible. So (on my screen) thatā€™s two headings and 30.5 lines of list items vs. two headings and 30 lines of list items. So it would appear that the change made a difference, but the difference was too small to be effective.

You may need to reload the page several times, or empty your cache and try again.

Did that. Also viewed the site in Firefox and Chrome on my Windows box, same result. Even fired up Edge, which I have never succumbed to doing before, and same result.

Margin adjustments will not change the box model dimensions, iirc.

@elGordo Inspect Element gives me:

Screenshot (there is text after this graphic).

image

If you hover over the left side of ā€œmargin-bottom:ā€¦ā€, you will see a check mark. Toggle it to see before and after. You can also change the value.

@afre, when I inspect the same li element in this post as you, I see the same results as you. However, when I hover a li element in the darktable post that caused me to start this thread, I donā€™t.

Hereā€™s what I see over there (note that it comes from a different file):

I donā€™t see the proper class in the DT HTML. Do you see the change in this post?