Project

General

Profile

Bug #7671

Incorrect indentation on <li /> elements

Added by Raffi Khatchadourian over 2 years ago. Updated about 2 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
Layout
Target version:
Start date:
2017-02-15
Due date:
% Done:

0%

Estimated time:

Description

The bullet indentation at https://khatchad.commons.gc.cuny.edu/research/background/ (towards the bottom of the page) seems wrong. Shouldn't the overflow text be aligned with the bullet? Perhaps this is a CSS issue with the selected theme?

History

#1 Updated by Boone Gorges over 2 years ago

  • Status changed from New to Reporter Feedback

It looks OK in Firefox but not in Chrome. I briefly tried messing with list-style-position and padding but wasn't immediately successfuly.

I'm guessing that the inconsistent rendering has to do with the fact that the markup isn't standard. The li element isn't inside of a ul or li, which makes it indeterminate what the browser should use for alignment. Did you write the markup yourself, or is it coming from a plugin?

#2 Updated by Raffi Khatchadourian over 2 years ago

Boone Gorges wrote:

It looks OK in Firefox but not in Chrome. I briefly tried messing with list-style-position and padding but wasn't immediately successfuly.

I'm guessing that the inconsistent rendering has to do with the fact that the markup isn't standard. The li element isn't inside of a ul or li, which makes it indeterminate what the browser should use for alignment. Did you write the markup yourself, or is it coming from a plugin?

It's coming from a short code from the link manager plugin.

#3 Updated by Boone Gorges over 2 years ago

  • Assignee set to Daniel Jones
  • Target version set to Future release

Thanks, Raffi.

Dan, could you have a look to see if there's a way to make the shortcode generate correct HTML?

#4 Updated by Daniel Jones about 2 years ago

I was able to get this to work by going into the "advanced" tab of the library's settings and putting <ul> in the "Before first link" box and </ul> in the "After last link" box. Let me know if that works for you!

#5 Updated by Raffi Khatchadourian about 2 years ago

Daniel Jones wrote:

I was able to get this to work by going into the "advanced" tab of the library's settings and putting <ul> in the "Before first link" box and </ul> in the "After last link" box. Let me know if that works for you!

Amazing. It works. Thanks!

#6 Updated by Daniel Jones about 2 years ago

  • Status changed from Reporter Feedback to Resolved

Also available in: Atom PDF