Project

General

Profile

Actions

Bug #7671

closed

Incorrect indentation on <li /> elements

Added by Raffi Khatchadourian almost 6 years ago. Updated over 5 years ago.

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

0%

Estimated time:
Deployment actions:

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?

Actions #1

Updated by Boone Gorges almost 6 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?

Actions #2

Updated by Raffi Khatchadourian almost 6 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.

Actions #3

Updated by Boone Gorges almost 6 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?

Actions #4

Updated by Daniel Jones almost 6 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!

Actions #5

Updated by Raffi Khatchadourian almost 6 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!

Actions #6

Updated by Daniel Jones over 5 years ago

  • Status changed from Reporter Feedback to Resolved
Actions

Also available in: Atom PDF