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

block myoverview styling updates

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 3.6
    • Fix Version/s: 3.6
    • Component/s: Blocks
    • Labels:
    • Testing Instructions:
      Hide

      Please test these changes on both the Clean and the Boost theme.

      Test on Safari, IE11 and Chrome.

      Run the test in English and also in a RTL language and look for alignment and other issues.

      1. Login as admin
      2. Create 5 courses with long and short titles and long and short course descriptions
      3. Add a course summary file for one of the courses
      4. Add a 2 choice activities to one of the courses and enable self completion
      5. Complete one of the 2 choice activities
      6. Navigate to your dashboard
      7. Use the card view on the myoverview block
      8. Verify the progress bar has a border
      9. Verify the progress bar background color is white (BOOST ONLY)
      10. Verify the progress bar does not seem separated from the card body
      11. Star one of the courses using the course menu
      12. Verify the star icon appears in front of the course title
      13. Change the view to list
      14. Verify the star icon is shown left of the course title and aligns well
      15. Change the view to summary
      16. Verify the star icon is shown left of the course title and aligns well
      17. Change the view back to cards
      18. Look at the course menu button
      19. Verify it aligns with the course title
      20. Look at the course title
      21. Verify it uses the standard text color (not the link colour)
      22. Change the view to summary
      23. Verify the course image you uploaded and the course pattern for the other courses are round.
      Show
      Please test these changes on both the Clean and the Boost theme. Test on Safari, IE11 and Chrome. Run the test in English and also in a RTL language and look for alignment and other issues. Login as admin Create 5 courses with long and short titles and long and short course descriptions Add a course summary file for one of the courses Add a 2 choice activities to one of the courses and enable self completion Complete one of the 2 choice activities Navigate to your dashboard Use the card view on the myoverview block Verify the progress bar has a border Verify  the progress bar background color is white (BOOST ONLY) Verify  the progress bar does not seem separated from the card body Star one of the courses using the course menu Verify the star icon appears in front of the course title Change the view to list Verify the star icon is shown left of the course title and aligns well Change the view to summary Verify the star icon is shown left of the course title and aligns well Change the view back to cards Look at the course menu button Verify it aligns with the course title Look at the course title Verify it uses the standard text color (not the link colour) Change the view to summary Verify  the course image you uploaded and the course pattern for the other courses are round.
    • Affected Branches:
      MOODLE_36_STABLE
    • Fixed Branches:
      MOODLE_36_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-63830-master

      Description

      This issue if for addressing styling issues for the new dashboard blocks discovered while testing.

      Changes Affecting block myoverview

      • visibility of the star icon on clean
      • star icon colour
      • star icon position
      • dropdown menu icon on clean

      Changes Affecting block recently accessed items

      • Use same styles for displaying one row as used in starred courses block
      • Update template to enable text-truncate

      Changes Affecting block starred courses

      Better styling of block contents when block moved to right block region in Boost.

        Attachments

        1. boost_list.png
          boost_list.png
          21 kB
        2. boost_summary_view.png
          boost_summary_view.png
          16 kB
        3. boost-cards.png
          boost-cards.png
          98 kB
        4. boost-card-view.png
          boost-card-view.png
          232 kB
        5. boost-list.png
          boost-list.png
          45 kB
        6. boost-summary.png
          boost-summary.png
          114 kB
        7. boost-summary-view.png
          boost-summary-view.png
          204 kB
        8. clean_dropdown_menu.png
          clean_dropdown_menu.png
          71 kB
        9. Clean_List.png
          Clean_List.png
          24 kB
        10. clean-cards.png
          clean-cards.png
          93 kB
        11. clean-card-view.png
          clean-card-view.png
          187 kB
        12. clean-list.png
          clean-list.png
          50 kB
        13. clean-summary.png
          clean-summary.png
          131 kB
        14. clean-summary-view.png
          clean-summary-view.png
          163 kB
        15. CourseCard_Design.png
          CourseCard_Design.png
          240 kB
        16. dropdown_menu.png
          dropdown_menu.png
          41 kB
        17. MDL-63830.PNG
          MDL-63830.PNG
          166 kB
        18. progressbar.png
          progressbar.png
          15 kB
        19. screenshot-1-clean.png
          screenshot-1-clean.png
          156 kB
        20. screenshot-2-boost.png
          screenshot-2-boost.png
          136 kB
        21. screenshot-3-suggested-fix.png
          screenshot-3-suggested-fix.png
          95 kB
        22. Star_Course card.png
          Star_Course card.png
          207 kB
        23. summary.png
          summary.png
          77 kB

          Issue Links

            Activity

              People

              • Votes:
                4 Vote for this issue
                Watchers:
                12 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
                  1h