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

Adjust number of course cards per row inside a course overview block

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Test using the Boost theme using the Chrome browser

      1. Login as admin
      2. Create 6 courses and enrol yourself in all 6 courses.
      3. Add the blocks "myoverview", "recent accessed items", "recent accessed courses" and "starred courses" to your dashboard if they are not already there.
      4. Star all six new courses in the myoverview block
      5. Close the navdrawer if opened
      6. Right click the last starred course in the starred courses block
      7. Select the inspect option
      8. In the web inspector ensure you have an element selected with class '.card .dashboard-card'
      9. Click the computed tab in the right pane of the inspector (see: inspector.png)
      10. Click the "Toggle device toolbar" button in the inspector
      11. Use the device toolbar to resize your browser.
      12. Verify the card width is never below 250px
      13. Click the "Customise this page" button in the page header
      14. Hide all blocks in the right block area
      15. Use the device toolbar to resize your browser
      16. Verify the card width is never below 250px
      17. Open the navdrawer
      18. Use the device toolbar to resize your browser
      19. Verify the card width is never below 250px

      Test on the Clean theme using the Chrome browser, make sure you start with the same courses created in the previous steps

      1. Login as admin
      2. Navigate to your dashboard
      3. If blocks are hidden on the page click the "Customise this page" button and unhide the hidden blocks.
      4. Right click the last starred course in the starred courses block
      5. Select the inspect option
      6. in the web inspector ensure you have an element selected with class '.card .dashboard-card'
      7. Click the computed tab in the right pane of the inspector (see: inspector.png)
      8. Use the device toolbar to resize your browser.
      9. Verify the card width is never below 250px
      10. Dock all left column blocks
      11. Use the device toolbar to resize your browser.
      12. Verify the card width is never below 250px
      13. Dock all right column blocks
      14. Use the device toolbar to resize your browser.
      15. Verify the card width is never below 250px
      16. Undock all left column blocks
      17. Use the device toolbar to resize your browser.
      18. Verify the card width is never below 250px

      Repeat these steps using Internet Explorer, Safari or Firefox if possible

      Show
      Test using the Boost theme using the Chrome browser Login as admin Create 6 courses and enrol yourself in all 6 courses. Add the blocks "myoverview", "recent accessed items", "recent accessed courses" and "starred courses" to your dashboard if they are not already there. Star all six new courses in the myoverview block Close the navdrawer if opened Right click the last starred course in the starred courses block Select the inspect option In the web inspector ensure you have an element selected with class '.card .dashboard-card' Click the computed tab in the right pane of the inspector (see: inspector.png) Click the "Toggle device toolbar" button in the inspector Use the device toolbar to resize your browser. Verify the card width is never below 250px Click the "Customise this page" button in the page header Hide all blocks in the right block area Use the device toolbar to resize your browser Verify  the card width is never below 250px Open the navdrawer Use the device toolbar to resize your browser Verify  the card width is never below 250px Test on the Clean theme using the Chrome browser, make sure you start with the same courses created in the previous steps Login as admin Navigate to your dashboard If blocks are hidden on the page click the "Customise this page" button and unhide the hidden blocks. Right click the last starred course in the starred courses block Select the inspect option in the web inspector ensure you have an element selected with class '.card .dashboard-card' Click the computed tab in the right pane of the inspector (see: inspector.png) Use the device toolbar to resize your browser. Verify the card width is never below 250px Dock all left column blocks Use the device toolbar to resize your browser. Verify the card width is never below 250px Dock all right column blocks Use the device toolbar to resize your browser. Verify the card width is never below 250px Undock all left column blocks Use the device toolbar to resize your browser. Verify the card width is never below 250px Repeat these steps using Internet Explorer, Safari or Firefox if possible
    • Affected Branches:
      MOODLE_36_STABLE
    • Fixed Branches:
      MOODLE_36_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-63923-master

      Description

      No of course cards per row inside a course overview block needs to be adjusted as per the mocku up. The screen sizes and the card width has been discussed with Bas. 

      Course cards should have a minimum width of 250px if possible. If there is no more space on the page cards are allowed to shrink a bit.

       

        Attachments

        1. 1.PNG
          1.PNG
          215 kB
        2. 2.PNG
          2.PNG
          262 kB
        3. 63923 b.png
          63923 b.png
          1.82 MB
        4. Screen Shot 2018-11-06 at 10.17.59 am.png
          Screen Shot 2018-11-06 at 10.17.59 am.png
          528 kB

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                6 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  3/Dec/18

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 hour, 30 minutes
                  1h 30m