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

Update the Moodle activity icons

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Development in progress
    • Priority: Blocker
    • Resolution: Unresolved
    • Affects Version/s: 4.0
    • Fix Version/s: Must fix for 4.0
    • Component/s: Themes
    • Labels:
      None
    • Testing Instructions:
      Hide

      For this test please install a third party activity type plugin to check the icon styling of non-core activities. The subcourse activity is nice to test with:
      https://moodle.org/plugins/mod_subcourse

      Test the activity icons on the course page

      1. Login as admin
      2. Restore the attached course backup as a new course
      3. Verify the course activities have the icons as shown in the attachements on this issue (except the resource type)
      4. Verify the colours used for the activities match the icon colours as shown on the attachement

      expected look:

      Test the activity icons on the gradebook

      1. Enrol a test user on the restored course
      2. Navigate to the course gradebook
      3. Verify you see the new activity icons without any background in black

      expected result:

      Test the activity icons in the activity chooser.

      1. On the course turn editing on
      2. Click the 'add an activity or resource' link
      3. Verify you see the new activity icons with the background colours
      4. Verify you see the subcourse plugin with the standard icon and a dark gray background

      expected result:

      Test the activity icons in the main menu block

      1. Add the main menu block to the site homepage
      2. Click the "add an activity or resource" link
      3. Add an assignment and resource activity
      4. Verify you see the activity in the block using the black icon for the activity and the filetype icon for the resource

      expected result:

      Show
      For this test please install a third party activity type plugin to check the icon styling of non-core activities. The subcourse activity is nice to test with: https://moodle.org/plugins/mod_subcourse Test the activity icons on the course page Login as admin Restore the attached course backup as a new course Verify the course activities have the icons as shown in the attachements on this issue (except the resource type) Verify the colours used for the activities match the icon colours as shown on the attachement expected look: Test the activity icons on the gradebook Enrol a test user on the restored course Navigate to the course gradebook Verify you see the new activity icons without any background in black expected result: Test the activity icons in the activity chooser. On the course turn editing on Click the 'add an activity or resource' link Verify you see the new activity icons with the background colours Verify you see the subcourse plugin with the standard icon and a dark gray background expected result: Test the activity icons in the main menu block Add the main menu block to the site homepage Click the "add an activity or resource" link Add an assignment and resource activity Verify you see the activity in the block using the black icon for the activity and the filetype icon for the resource expected result:
    • Affected Branches:
      MOODLE_400_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-71457-master

      Description

      For Moodle 4.0 a new design for the activity icons will be provided by the UX team.

      EDIT:

      After review we will apply some categories to the activity icon colours with the aim to standardise and provide guidance to community plugin developers on which colours to use for their icons.

      We will base this on the purpose categories from the Moodle Plugin database. Colours and categories defined in this spec.

      If time allows we should look at allowing plugins to specify which category they belong to, so that Moodle will pick the corresponding icon background colour.

      Alternatively, we can define the colours and categories as a guide in the component library and docs.

        Attachments

        1. backup-moodle2-course-2-features_demo-20210915-0740-nu.mbz
          1.46 MB
        2. Colors.png
          Colors.png
          33 kB
        3. icons coursepage.png
          icons coursepage.png
          91 kB
        4. Icons on activity chooser.png
          Icons on activity chooser.png
          1.05 MB
        5. icons on gradebook.png
          icons on gradebook.png
          861 kB
        6. icons on main menu.png
          icons on main menu.png
          814 kB
        7. mod_subcourse_moodle311_2021021401.zip
          102 kB
        8. new_activity_icons_SVG.zip
          16 kB
        9. New_Icons.png
          New_Icons.png
          123 kB
        10. Screen Shot 2021-09-06 at 9.35.01 am.png
          Screen Shot 2021-09-06 at 9.35.01 am.png
          68 kB
        11. Screen Shot 2021-09-06 at 9.35.14 am.png
          Screen Shot 2021-09-06 at 9.35.14 am.png
          8 kB

          Issue Links

            Activity

              People

              Assignee:
              basbrands Bas Brands
              Reporter:
              basbrands Bas Brands
              Participants:
              Component watchers:
              Huong Nguyen, Bas Brands, Mathew May
              Votes:
              2 Vote for this issue
              Watchers:
              16 Start watching this issue

                Dates

                Created:
                Updated:
                Fix Release Date:
                13/Dec/21

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 day, 31 minutes
                  1d 31m