Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-50323

Unordered lists are not styled correctly in course sections

    Details

    • Testing Instructions:
      Hide
      1. Add list with nested levels in the section description of a course.
      2. Create a label and any other module and put in the description a list with nested levels, check to display description on the course page
      3. Make sure the lists are displayed with the same style as they are in wysiwyg (first level full circle, second level empty circle, third+ levels a square)
      Show
      Add list with nested levels in the section description of a course. Create a label and any other module and put in the description a list with nested levels, check to display description on the course page Make sure the lists are displayed with the same style as they are in wysiwyg (first level full circle, second level empty circle, third+ levels a square)
    • Affected Branches:
      MOODLE_27_STABLE, MOODLE_28_STABLE, MOODLE_29_STABLE
    • Fixed Branches:
      MOODLE_28_STABLE, MOODLE_29_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      wip-MDL-50323-master

      Description

      Lists in course sections are styled as sub-lists (because the sections themselves are list items).

      To reproduce:

      1. Create a multi-level unordered list in a topic or week summary (note how the bullets display in the editor). Save and view the course page.

      Expected display: Top-level list items should have a disc, 2nd-level items should have a circle, subsequent levels should display a square.

      Actual display: Top-level items have 2nd-level bullets (circle), 2nd-level items have 3rd-level bullets (square).

      2. Create a multi-level list in a label.

      Expected display: Same as above
      Actual display: All list items display square bullets

      Something like this would work, maybe:

      .course-content li.section ul, .course-content  li.section li.activity ul {list-style: disc; }
      .course-content li.section ul ul, .course-content  li.section li.activity ul ul {list-style: circle; }
      .course-content li.section ul ul ul, .course-content  li.section li.activity ul ul ul {list-style: square; }
      

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Votes:
                3 Vote for this issue
                Watchers:
                7 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  14/Sep/15