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

Improve activity and section cards

XMLWordPrintable

    • MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-80219-main
    • Hide

      Setup

      1. Login as administrator
      2. Download and restore the backup file
      3. Click on Home in the navigation bar
      4. Enable Edit mode
      5. Edit the Home page section title and summary using the cog icon
      6. Add some activities to the Home page section

      Test Home page

      1. Click on Home in the navigation bar
      2. Confirm that the section summary is correctly displayed with a border and the activities with a line separator
      3. Confirm that activity move icons are correctly displayed and clickable

      Test course page

      1. Go to the course page
      2. Confirm that the "Expand all" and "Collapse all" is correctly working
      3. Confirm that the "+" icon between activities is correctly displayed and working
      4. Confirm that the sections are displayed with a border and the activities with a line separator
      5. Click on the Hide topic option in a section menu
      6. Confirm that the section is correctly hidden and all the card is displayed in gray colour

      Test section page

      1. Click on the View option in the section menu
      2. Confirm that the section page is correctly displayed and the sections is displayed without borders and on white background
      Show
      Setup Login as administrator Download and restore the  backup file Click on Home in the navigation bar Enable Edit mode Edit the Home page section title and summary using the cog icon Add some activities to the Home page section Test Home page Click on Home in the navigation bar Confirm that the section summary is correctly displayed with a border and the activities with a line separator Confirm that activity move icons are correctly displayed and clickable Test course page Go to the course page Confirm that the "Expand all" and "Collapse all" is correctly working Confirm that the "+" icon between activities is correctly displayed and working Confirm that the sections are displayed with a border and the activities with a line separator Click on the Hide topic option in a section menu Confirm that the section is correctly hidden and all the card is displayed in gray colour Test section page Click on the View option in the section menu Confirm that the section page is correctly displayed and the sections is displayed without borders and on white background
    • 2
    • HQ2024 Sprint I1.1 Moppies

      This issue is part of the course hierarchy project.

      Prototype walkthrough: https://docs.google.com/document/d/17UCHiyMTgvpl29_tigwYaXrFkVz1gae-lb_RO4Z_KS8/edit#heading=h.ckcxunk87mn9

      Issue goals

      • Match the activity and section aesthetics with the current project prototype.
        • Remove activity card borders and add a line between activities
        • Add borders to sections
        • Update the section chevrons style (they are bigger and with a rounded background): Will be done in MDL-80620
        • Remove the activity icon rounded background (this needs to be validated with UX team)

      Prototype screenshot:

      Future issues

      Moving the border from activity to section will allow users to differentiate between sections and subsections.

        1. Screenshot_172.png
          87 kB
          Ferran Recio
        2. backup-moodle2-course-49-mdl-80219-20240117-1307-nu.mbz
          5.06 MB
          Mikel Martín Corrales
        3. screenshot-1.png
          84 kB
          Mikel Martín Corrales
        4. screenshot-2.png
          84 kB
          Mikel Martín Corrales
        5. screenshot-4.png
          118 kB
          Mikel Martín Corrales
        6. screenshot-5.png
          128 kB
          Mikel Martín Corrales
        7. screenshot-3.png
          127 kB
          Mikel Martín Corrales
        8. screenshot-6.png
          136 kB
          Mikel Martín Corrales
        9. (1) 2 Passed -- (Main)MDL-80219.png
          44 kB
          Kim Jared Lucas
        10. (1) 3 Passed -- (Main)MDL-80219.png
          41 kB
          Kim Jared Lucas
        11. (2) 2 Passed -- (Main)MDL-80219.png
          77 kB
          Kim Jared Lucas
        12. (2) 3 Passed -- (Main)MDL-80219.png
          121 kB
          Kim Jared Lucas
        13. (2) 6 Passed -- (Main)MDL-80219.png
          126 kB
          Kim Jared Lucas
        14. (3) 2 Passed -- (Main)MDL-80219.png
          105 kB
          Kim Jared Lucas
        15. (2) 4 Passed -- (Main)MDL-80219.png
          587 kB
          Kim Jared Lucas

            mikelmartíncorrales Mikel Martín Corrales
            tusefomal Ferran Recio
            Laurent David Laurent David
            Ferran Recio Ferran Recio
            Kim Jared Lucas Kim Jared Lucas
            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 - 1 day, 3 hours, 54 minutes
                1d 3h 54m

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