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

Update custom icons

XMLWordPrintable

    • MOODLE_500_STABLE
    • MOODLE_500_STABLE
    • MDL-83639-main
    • Hide

      Setup

      1. Restore the attached backup file in a new course backup-moodle2-course-2-mdl-83068-test-20240910-1128-nu.mbz and enrol some students

      Testing scenario

      1. Access the course "Testing course for MDL-83068" as a teacher.
      2. Enable edit mode.
      3. Check the icon near the Bulk actions is the new one:
      4. Go to the "Quiz name 1 - Immediate feedback" activity, Preview it, answer all the questions (some of them should be wrong, to see the partially correct and fail icon too) and submit the quiz.
      5. Check the icon for partially correct uses the new one (displayed also in the description):
      6. Check the icons in the Navigation quiz block are also in a circle, with a pale background and use the new one displayed in the description screenshot.

      Testing component library

      1. Setup the component library:
        • On a terminal, go to your Moodle instance's root folder.
        • Run "npm install"
        • Run "npx grunt componentlibrary"
      2. As admin navigate to Site administration > Development > UI component library
      3. Navigate to Moodle > Moodle components > Icons
      4. Check the custom icons listed in the description don't appear on this page.
      Show
      Setup Restore the attached backup file in a new course  backup-moodle2-course-2-mdl-83068-test-20240910-1128-nu.mbz  and enrol some students Testing scenario Access the course "Testing course for  MDL-83068 " as a teacher. Enable edit mode. Check the icon near the Bulk actions is the new one: Go to the "Quiz name 1 - Immediate feedback" activity, Preview it, answer all the questions (some of them should be wrong, to see the partially correct and fail icon too) and submit the quiz. Check the icon for partially correct uses the new one (displayed also in the description): Check the icons in the Navigation quiz block are also in a circle, with a pale background and use the new one displayed in the description screenshot. Testing component library Setup the component library: On a terminal, go to your Moodle instance's root folder. Run " npm install " Run " npx grunt componentlibrary " As admin navigate to Site administration > Development > UI component library Navigate to Moodle > Moodle components > Icons Check the custom icons listed in the description don't appear on this page.
    • Hide

      Code verified against automated checks.

      Checked MDL-83639 using repository: https://github.com/sarjona/moodle.git

      More information about this report

      Built on: Wed 04 Dec 2024 03:16:20 PM UTC

      Show
      Code verified against automated checks. Checked MDL-83639 using repository: https://github.com/sarjona/moodle.git main (0 errors / 0 warnings) [branch: MDL-83639-main | CI Job ] More information about this report Built on: Wed 04 Dec 2024 03:16:20 PM UTC
    • Show
      Launching automatic jobs for branch MDL-83639 -main https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/17638/ PHPUnit (sqlsrv) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/60073/ Behat (NonJS - boost and classic) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/60074/ Behat (Firefox - boost) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/60075/ Behat (Firefox - classic) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/60076/ App tests (stable app version) Built on: Wed Dec 4 16:25:43 UTC 2024
    • 2
    • HQ 2024 Sprint I4.2 Moppies

      During the UX analysis conducted in MDL-77754, several icons were identified as too specific and unique to the Moodle universe that it wasn't possible to find a suitable and representative alternative in the Font Awesome 6 free version. 

      The UX team created in MDL-82218 a custom solution for the following icons:

      core:e/insert_col_after
      core:e/insert_col_before
      core:e/split_cells
      core:e/text_color
      core:i/export
      core:t/completion_incomplete
      core:t/locktime
      core:i/item
      core:i/grade_partiallycorrect
      tool_policy:level
      mod_scorm:browsed
      core:i/bulk_edit

      Custom icons design

      🖥️ Figma designs

            sarjona Sara Arjona (@sarjona)
            sarjona Sara Arjona (@sarjona)
            Carlos Escobedo Carlos Escobedo
            Amaia Anabitarte Amaia Anabitarte
            Meirza Meirza
            Votes:
            0 Vote for this issue
            Watchers:
            8 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 6 hours, 15 minutes
                6h 15m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.