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

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

XMLWordPrintable

    • MOODLE_36_STABLE
    • MOODLE_36_STABLE
    • MDL-63923-master
    • 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

      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.

       

        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

            basbrands Bas Brands
            suganyaarthanareeswaran Suganya Arthanareeswaran
            Victor Déniz Falcón Victor Déniz Falcón
            Andrew Lyons Andrew Lyons
            Janelle Barcega Janelle Barcega
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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