Ubuntu Website - OBSOLETE

List items produce unwanted margin

Bug #887675 reported by Pasi Lallinaho on 2011-11-08

This bug affects 1 person

Affects		Status	Importance	Assigned to	Milestone
	Ubuntu Website - OBSOLETE	New	Undecided	Unassigned

Bug Description

If a list item has any of <a>, or (at least) as a children, the list item has unwanted bottom margin. This makes both long lists (with multiple levels) really hard to follow and shorter lists (with one level only) look like they are separate lists.

See https://wiki.ubuntu.com/Xubuntu/Meetings/Archive/Minutes/2011-11-08 for examples.

Tags:

Revision history for this message

Anthony Dillon (ya-bo-ng) wrote on 2011-11-09:

This is due to the editor rapping any content with <a>, or in a with has bottom margin.

I have updated the wiki stylesheet with a fix for this and escalated it to IS to be deployed.

Changed in ubuntu-website:
assignee:	nobody → Anthony Dillon (ya-bo-ng)
status:	New → Confirmed

Revision history for this message

Pasi Lallinaho (knome) wrote on 2011-11-28:

A screenshot depicting the problem with nested
With the new changes to the wiki some time ago, this is now changed to a mode that every <li>-item has the same bottom margin. This is also not very readable.

It's a consistency problem too with <ul>-elements inside <li>-items; the <ul> is appended directly to the next row of the parenting <li> which suggests the first <li>-item is more closely tied to the parenting <li>-item than the rest (since the <li> items have, again, the bottom margin).

I'd suggest using a bigger line-height for the <li>-items and removing the bottom margin from the <li>-items if pursuing better readability.

With the new changes to the wiki some time ago, this is now changed to a mode that every <li>-item has the same bottom margin. This is also not very readable. It's a consistency problem too with <ul>-elements inside <li>-items; the <ul> is appended directly to the next row of the parenting <li> which suggests the first <li>-item is more closely tied to the parenting <li>-item than the rest (since the <li> items have, again, the bottom margin). I'd suggest using a bigger line-height for the <li>-items and removing the bottom margin from the <li>-items if pursuing better readability.

Changed in ubuntu-website:
status:	Confirmed → New

Pasi Lallinaho (knome) on 2011-11-28

summary:

- Links, bold and italic text in lists produce unwanted margin
+ List items produce unwanted margin

Anthony Dillon (ya-bo-ng) on 2015-01-14

Changed in ubuntu-website:
assignee:	Anthony Dillon (ya-bo-ng) → nobody

Revision history for this message

Peter Mahnke (peterm-ubuntu) wrote on 2015-12-20:

Ant, do you have a RT for this?

Report a bug

This report contains Public information

Everyone can see this information.

You are

Subscribing...

Edit bug mail

Other bug subscribers

Bug attachments

A screenshot depicting the problem with nested
- Add attachment

Remote bug watches

Bug watches keep track of this bug in other bug trackers.