[Django] #31160: admin base.css styling breaks nested ordered list numbering in admindocs

4 views
Skip to first unread message

Django

unread,
Jan 11, 2020, 1:14:03 AM1/11/20
to django-...@googlegroups.com
#31160: admin base.css styling breaks nested ordered list numbering in admindocs
---------------------------------------------+------------------------
Reporter: owenh | Owner: nobody
Type: Bug | Status: new
Component: contrib.admindocs | Version: master
Severity: Normal | Keywords:
Triage Stage: Unreviewed | Has patch: 1
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 1
UI/UX: 0 |
---------------------------------------------+------------------------
== Summary

Ordered lists are mistakenly styled with `list-style-type: square` when
nested inside an unordered list. Thus, if an ordered list is nested inside
an unordered list in a docstring, it is rendered incorrectly by admindocs.
This is caused by the CSS rule in
[https://github.com/django/django/blob/24e540fbd71bd2b0843e751bde61ad0052a811b3/django/contrib/admin/static/admin/css/base.css#L97
base.css, line 97]:

{{{
ul li { list-style-type: square; }
}}}

== Example

{{{
# models.py
class Store(models.Model):
"""
This model represents a store that has products available.

- Unordered list item 1

1. Ordered sub-list item 1

2. Ordered sub-list item 2

"""
pass
}}}

Expected behavior when rendered in browser:

- Unordered list item 1
1. Ordered sub-list item 1
2. Ordered sub-list item 2

Actual behavior when rendered in browser:

- Unordered list item 1
- Ordered sub-list item 1
- Ordered sub-list item 2

== Solution

The CSS should apply only to list items directly inside an unordered list
like this:

{{{
ul > li { list-style-type: square; }
}}}

See pull request: https://github.com/django/django/pull/12307

--
Ticket URL: <https://code.djangoproject.com/ticket/31160>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

Django

unread,
Jan 11, 2020, 3:14:34 AM1/11/20
to django-...@googlegroups.com
#31160: admin base.css styling breaks nested ordered list numbering in admindocs
-------------------------------------+-------------------------------------
Reporter: Owen T. Heisler | Owner: Owen
| Heisler
Type: Bug | Status: assigned
Component: contrib.admindocs | Version: master
Severity: Normal | Resolution:
Keywords: | Triage Stage: Accepted

Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------------+-------------------------------------
Changes (by Nick Pope):

* owner: nobody => Owen Heisler
* status: new => assigned
* stage: Unreviewed => Accepted


Comment:

[https://github.com/django/django/pull/12307 PR]

--
Ticket URL: <https://code.djangoproject.com/ticket/31160#comment:1>

Django

unread,
Jan 11, 2020, 9:03:52 AM1/11/20
to django-...@googlegroups.com
#31160: admin base.css styling breaks nested ordered list numbering in admindocs
-------------------------------------+-------------------------------------
Reporter: Owen T. Heisler | Owner: Owen
| Heisler
Type: Bug | Status: assigned
Component: contrib.admindocs | Version: master
Severity: Normal | Resolution:
Keywords: | Triage Stage: Ready for
| checkin

Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------------+-------------------------------------
Changes (by zhou_wuji):

* stage: Accepted => Ready for checkin


--
Ticket URL: <https://code.djangoproject.com/ticket/31160#comment:2>

Django

unread,
Jan 13, 2020, 3:13:46 AM1/13/20
to django-...@googlegroups.com
#31160: admin base.css styling breaks nested ordered list numbering in admindocs
-------------------------------------+-------------------------------------
Reporter: Owen T. Heisler | Owner: Owen
| Heisler
Type: Bug | Status: closed
Component: contrib.admindocs | Version: master
Severity: Normal | Resolution: fixed

Keywords: | Triage Stage: Ready for
| checkin
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 0
-------------------------------------+-------------------------------------
Changes (by Mariusz Felisiak <felisiak.mariusz@…>):

* status: assigned => closed
* resolution: => fixed


Comment:

In [changeset:"77d335e5abec889b15323975187a8d5b10bfcb0f" 77d335e]:
{{{
#!CommitTicketReference repository=""
revision="77d335e5abec889b15323975187a8d5b10bfcb0f"
Fixed #31160 -- Fixed admin CSS for ordered lists' descendants in
unordered list.
}}}

--
Ticket URL: <https://code.djangoproject.com/ticket/31160#comment:3>

Reply all
Reply to author
Forward
0 new messages