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. (1) 2 Passed -- (Main)MDL-80219.png
          (1) 2 Passed -- (Main)MDL-80219.png
          44 kB
        2. (1) 3 Passed -- (Main)MDL-80219.png
          (1) 3 Passed -- (Main)MDL-80219.png
          41 kB
        3. (2) 2 Passed -- (Main)MDL-80219.png
          (2) 2 Passed -- (Main)MDL-80219.png
          77 kB
        4. (2) 3 Passed -- (Main)MDL-80219.png
          (2) 3 Passed -- (Main)MDL-80219.png
          121 kB
        5. (2) 4 Passed -- (Main)MDL-80219.png
          (2) 4 Passed -- (Main)MDL-80219.png
          587 kB
        6. (2) 6 Passed -- (Main)MDL-80219.png
          (2) 6 Passed -- (Main)MDL-80219.png
          126 kB
        7. (3) 2 Passed -- (Main)MDL-80219.png
          (3) 2 Passed -- (Main)MDL-80219.png
          105 kB
        8. backup-moodle2-course-49-mdl-80219-20240117-1307-nu.mbz
          5.06 MB
        9. Screenshot_172.png
          Screenshot_172.png
          87 kB
        10. screenshot-1.png
          screenshot-1.png
          84 kB
        11. screenshot-2.png
          screenshot-2.png
          84 kB
        12. screenshot-3.png
          screenshot-3.png
          127 kB
        13. screenshot-4.png
          screenshot-4.png
          118 kB
        14. screenshot-5.png
          screenshot-5.png
          128 kB
        15. screenshot-6.png
          screenshot-6.png
          136 kB

            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.