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

Update My Overview block styling

XMLWordPrintable

    • 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

      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

        1. 2022-02-04 , 18_42_05 - Dashboard — Mozilla Firefox.png
          2022-02-04 , 18_42_05 - Dashboard — Mozilla Firefox.png
          65 kB
        2. Card display checks_Screenshot.PNG
          Card display checks_Screenshot.PNG
          55 kB
        3. List display checks_Screenshot.PNG
          List display checks_Screenshot.PNG
          33 kB
        4. Manual checks_Screenshot.PNG
          Manual checks_Screenshot.PNG
          42 kB
        5. Summary display checks_Screenshot.PNG
          Summary display checks_Screenshot.PNG
          35 kB

            mathewmay Mathew May
            mathewmay Mathew May
            Peter Dias Peter Dias
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Gladys Basiana Gladys Basiana
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                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

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