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

Dashboard course cards don't render well in theme classic

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Note: Please test this using "Classic" theme only

      Prerequisites: 

      1. Several existing courses (at least 4).
      2. Same Student enrolled in each existing course.

      Test 1 (blocks enabled in left and right column)

      1. Log in as Student.
      2. Go to Dashboard.
      3. Resize the browser window to the following widths:
        • 1300px - make sure you can see 3 course cards per row in the course overview block
        • 1000px - make sure you can see 2 course cards per row in the course overview block
        • 800px - make sure you can see 1 course card per row in the course overview block
        • 600px - make sure you can see 2 course cards per row in the course overview block
        • 300px - make sure you can see 1 course cards per row in the course overview block**

      Test 2 (all blocks disabled in one of the columns)

      1. Log in as Student.
      2. Go to Dashboard.
      3. Click on the 'Customise this page' button
      4. Disable/hide every block in the left column.
      5. Click on the 'Stop customising this page' button
      6. Resize the browser window to the following widths:
        • 1300px - make sure you can see 3 course cards per row in the course overview block
        • 1000px - make sure you can see 2 course cards per row in the course overview block
        • 800px - make sure you can see 1 course card per row in the course overview block
        • 600px - make sure you can see 2 course cards per row in the course overview block
        • 300px - make sure you can see 1 course cards per row in the course overview block

      Test 3 (all blocks disabled in both columns)

      1. Log in as Student.
      2. Go to Dashboard.
      3. Click on the 'Customise this page' button
      4. Disable/hide every block in the left and right column.
      5. Click on the 'Stop customising this page' button
      6. Resize the browser window to the following widths:
        • 1300px - make sure you can see 4 course cards per row in the course overview block
        • 1000px - make sure you can see 3 course cards per row in the course overview block
        • 800px - make sure you can see 2 course card per row in the course overview block
        • 600px - make sure you can see 2 course cards per row in the course overview block
        • 300px - make sure you can see 1 course cards per row in the course overview block
      Show
      Note: Please test this using "Classic" theme only Prerequisites:  Several existing courses (at least 4). Same Student enrolled in each existing course. Test 1 (blocks enabled in left and right column) Log in as Student. Go to Dashboard. Resize the browser window to the following widths: 1300px -  make sure you can see 3 course cards per row in the course overview block 1000px -   make sure you can see 2 course cards per row in the course overview block 800px -   make sure you can see 1 course card per row in the course overview block 600px -   make sure you can see 2 course cards per row in the course overview block 300px -  make sure you can see 1 course cards per row in the course overview block ** Test 2 (all blocks disabled in one of the columns) Log in as Student. Go to Dashboard. Click on the 'Customise this page' button Disable/hide every block in the left column. Click on the 'Stop customising this page' button Resize the browser window to the following widths: 1300px -  make sure you can see 3 course cards per row in the course overview block 1000px -   make sure you can see 2 course cards per row in the course overview block 800px -   make sure you can see 1 course card per row in the course overview block 600px -   make sure you can see 2 course cards per row in the course overview block 300px -  make sure you can see 1 course cards per row in the course overview block Test 3 (all blocks disabled in both columns) Log in as Student. Go to Dashboard. Click on the 'Customise this page' button Disable/hide every block in the left and right column. Click on the 'Stop customising this page' button Resize the browser window to the following widths: 1300px -  make sure you can see 4 course cards per row in the course overview block 1000px -   make sure you can see 3 course cards per row in the course overview block 800px -   make sure you can see 2 course card per row in the course overview block 600px -   make sure you can see 2 course cards per row in the course overview block 300px -  make sure you can see 1 course cards per row in the course overview block
    • Affected Branches:
      MOODLE_38_STABLE, MOODLE_39_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE
    • Pull from Repository:
    • Pull 3.8 Branch:
    • Pull 3.8 Diff URL:
    • Pull Master Branch:
      MDL-68899-master
    • Pull Master Diff URL:
    • Sprint:
      3.9 release work board

      Description

      As reported in MDLQA-14682 the dashboard course cards look too thin on theme Classic.

        Attachments

        1. lg-resolution-old.png
          lg-resolution-old.png
          104 kB
        2. lg-resolution-patch.png
          lg-resolution-patch.png
          88 kB
        3. md-resolution-old.png
          md-resolution-old.png
          88 kB
        4. md-resolution-patch.png
          md-resolution-patch.png
          74 kB
        5. noblocks.png
          noblocks.png
          861 kB
        6. Screenshot_1.png
          Screenshot_1.png
          175 kB
        7. Screenshot_2.png
          Screenshot_2.png
          157 kB
        8. Screenshot_3.png
          Screenshot_3.png
          177 kB
        9. sm-resolution-old.png
          sm-resolution-old.png
          63 kB
        10. sm-resolution-patch.png
          sm-resolution-patch.png
          58 kB

          Issue Links

          Discovered while testing

          Functional Test - A test of a single Moodle feature MDLQA-14682 CLONE - A student can display their courses in card, list or summary view in the course overview

          • Minor - Minor loss of function where workaround is possible
          • Passed

            Activity

              People

              Assignee:
              Geshoski Mihail Geshoski
              Reporter:
              basbrands Bas Brands
              Peer reviewer:
              Bas Brands
              Integrator:
              Andrew Nicols
              Tester:
              Janelle Barcega
              Participants:
              Component watchers:
              Bas Brands
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                13/Jul/20

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 hours, 24 minutes
                  2h 24m