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

Update My Overview block styling

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • Hide

      Automated tests pass

      Requirements:

      1. 1 course enrolled and no course description (Course A)
      2. 1 course enrolled with a course description (Course B)
      3. 1 course enrolled with a course description and completion setup (Course C)

      Manual checks:

      1. Navigate to My courses
      2. Confirm you do not see: All (except removed from view)
      3. Confirm you do not see: Course name
      4. Confirm you do not see: Card
      5. Confirm the search input takes the full width between the dropdowns

      Card display checks:

      1. Ensure the display type is set to Card
      2. Confirm the following order with the card for course A
        1. Course title
        2. Category name
      3. Confirm the following order with the card for course C
        1. Course title
        2. Category name
        3. Completion percentage
      4. Hover over a course card
      5. Confirm you see a menu display

      List display checks:

      1. Ensure the display type is set to List
      2. Confirm the following order with the list item for course A
        1. Course title
        2. Category name
      3. Confirm the following order with the list item for course C
        1. Course title
        2. Category name
        3. Completion percentage
      4. Hover over a course list item
      5. Confirm you see a menu display

      Summary display checks:

      1. Ensure the display type is set to Summary
      2. Confirm the following order with the list item for course A
        1. Course title
        2. Category name
      3. Confirm the following order with the list item for course B
        1. Course title
        2. Category name
        3. Course description
        4. Completion percentage
      4. Confirm the following order with the list item for course C
        1. Course title
        2. Category name
        3. Course description
        4. Completion percentage
      5. Hover over a course list item
      6. Confirm you see a menu display
      Show
      Automated tests pass Requirements: 1 course enrolled and no course description (Course A) 1 course enrolled with a course description (Course B) 1 course enrolled with a course description and completion setup (Course C) Manual checks: Navigate to My courses Confirm you do not see: All (except removed from view) Confirm you do not see: Course name Confirm you do not see: Card Confirm the search input takes the full width between the dropdowns Card display checks: Ensure the display type is set to Card Confirm the following order with the card for course A Course title Category name Confirm the following order with the card for course C Course title Category name Completion percentage Hover over a course card Confirm you see a menu display List display checks: Ensure the display type is set to List Confirm the following order with the list item for course A Course title Category name Confirm the following order with the list item for course C Course title Category name Completion percentage Hover over a course list item Confirm you see a menu display Summary display checks: Ensure the display type is set to Summary Confirm the following order with the list item for course A Course title Category name Confirm the following order with the list item for course B Course title Category name Course description Completion percentage Confirm the following order with the list item for course C Course title Category name Course description Completion percentage Hover over a course list item Confirm you see a menu display
    • 1
    • Navigation push 10, Navigation push 11, Navigation push 13

    Description

      Given the supplied below we need to do the following:

      1. Remove the text from the dropdowns
      2. Update the styles & templates to better reflect the template in the list view i.e. adding the course image
      3. Make the summary display mode look like the list view with the exception it also contains the course description

      Edit: Updated figma design - https://www.figma.com/proto/pbcNv3Mjoi59oG3u7DXGYm/4.0-UX-Demo-V2-(Shared-with-the-community)?node-id=2356%3A28627&scaling=scale-down&page-id=1253%3A4212&starting-point-node-id=2394%3A15559

      Attachments

        Issue Links

          Activity

            People

              mathewmay Mathew May
              mathewmay Mathew May
              Peter Dias Peter Dias
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Gladys Basiana Gladys Basiana
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              9 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                19/Apr/22

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 2 hours, 36 minutes
                  2d 2h 36m