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

Refactor some .card-* helpers dropped in Bootstrap 5

XMLWordPrintable

    • MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-80397-main
    • Hide

      Setup

      1. Login as administrator
      2. Create 6 courses and enrol admin as student in all of them
      3. In one of the courses create at least 4 activities in the course and access them
      4. Access to My courses page
      5. Using the course card menu, select Star this course for 4 courses

      Test My courses page

      1. Access to My courses page
      2. Reload the page and confirm that during the load the placeholders are displayed
      3. Confirm that all the courses are displayed in 3 columns
      4. Reduce the browser window size < 767px
      5. Confirm that all the courses are displayed in 2 columns
      6. Reduce the browser window size < 555px
      7. Confirm that all the courses are displayed in 1 column
      8. Confirm that all the filters and search are working correctly

      Test Dashboard page

      1. Access to Dashboard page
      2. Add "Starred courses", "Recently accessed courses" and "Recently accessed items" blocks to the main content page
      3. Reload the page and confirm that during the load the placeholders are displayed
      4. Confirm that "Recently accessed courses" display the courses in 3 columns and work correctly and "Starred courses" shows 3 courses and an scrollbar to check the rest of the courses
      5. Reduce the browser window size < 767px
      6. Confirm that "Recently accessed courses" display the courses in 2 columns and work correctly and "Starred courses" shows 2 courses and an scrollbar to check the rest of the courses
      7. Reduce the browser window size < 555px
      8. Confirm that "Recently accessed courses" display the courses in 1 column and work correctly and "Starred courses" shows 1 course and an scrollbar to check the rest of the courses
      9. Confirm that "Recently accessed items" displays the items and "Show more items" button works correctly
      Show
      Setup Login as administrator Create 6 courses and enrol admin as student in all of them In one of the courses create at least 4 activities in the course and access them Access to My courses page Using the course card menu, select Star this course for 4 courses Test My courses page Access to My courses page Reload the page and confirm that during the load the placeholders are displayed Confirm that all the courses are displayed in 3 columns Reduce the browser window size < 767px Confirm that all the courses are displayed in 2 columns Reduce the browser window size < 555px Confirm that all the courses are displayed in 1 column Confirm that all the filters and search are working correctly Test Dashboard page Access to Dashboard page Add "Starred courses", "Recently accessed courses" and "Recently accessed items" blocks to the main content page Reload the page and confirm that during the load the placeholders are displayed Confirm that "Recently accessed courses" display the courses in 3 columns and work correctly and "Starred courses" shows 3 courses and an scrollbar to check the rest of the courses Reduce the browser window size < 767px Confirm that "Recently accessed courses" display the courses in 2 columns and work correctly and "Starred courses" shows 2 courses and an scrollbar to check the rest of the courses Reduce the browser window size < 555px Confirm that "Recently accessed courses" display the courses in 1 column and work correctly and "Starred courses" shows 1 course and an scrollbar to check the rest of the courses Confirm that "Recently accessed items" displays the items and "Show more items" button works correctly
    • 2
    • HQ2024 Sprint I1.1 Moppies
    • Small

      In BS5 some .card-* helper classes have been dropped. We can refactor the usages in advance without waiting for the BS upgrade

      https://getbootstrap.com/docs/5.2/migration/:

      Dropped .card-deck in favor of our grid. Wrap your cards in column classes and add a parent .row-cols-* container to recreate card decks (but with more control over responsive alignment).

      Dropped .card-columns in favor of Masonry. See #28922.

      Refactor all the occurrences in the codebase.

        1. MDL-80397-dashboard.png
          MDL-80397-dashboard.png
          592 kB
        2. MDL-80397-my course.png
          MDL-80397-my course.png
          569 kB
        3. screenshot-1.png
          screenshot-1.png
          107 kB
        4. screenshot-2.png
          screenshot-2.png
          97 kB
        5. screenshot-3.png
          screenshot-3.png
          80 kB
        6. screenshot-4.png
          screenshot-4.png
          130 kB
        7. screenshot-5.png
          screenshot-5.png
          15 kB
        8. screenshot-6.png
          screenshot-6.png
          26 kB

            mikelmartíncorrales Mikel Martín Corrales
            mikelmartíncorrales Mikel Martín Corrales
            Carlos Escobedo Carlos Escobedo
            Amaia Anabitarte Amaia Anabitarte
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            13 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 week, 3 hours, 52 minutes
                1w 3h 52m

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