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

Refactor .media component dropped in Bootstrap 5

XMLWordPrintable

    • MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-80396-main
    • Hide

      Test Tags page

      1. Login as administrator
      2. Create a new course
      3. Click on Settings tab and in the Tags section add a "Test" tag to the course
      4. Add the "Tags" block to the course and click on the "Test" tag link
      5. Confirm that the tag page is displayed correctly as the following:

      Test Course page

      1. Open the left course index drawer on the course page
      2. Reload the page
        1. You can add the following code to the config.php to force a slow page loading:

          if (defined('AJAX_SCRIPT')) {
              sleep(10);
          }
          

      3. Confirm that the course index placeholders are displayed correctly while loading as the following:
      4. Confirm that the "Announcements" activity card is displayed correctly as the following:
      Show
      Test Tags page Login as administrator Create a new course Click on Settings tab and in the Tags section add a "Test" tag to the course Add the "Tags" block to the course and click on the "Test" tag link Confirm that the tag page is displayed correctly as the following: Test Course page Open the left course index drawer on the course page Reload the page You can add the following code to the config.php to force a slow page loading: if (defined('AJAX_SCRIPT')) { sleep(10); } Confirm that the course index placeholders are displayed correctly while loading as the following: Confirm that the "Announcements" activity card is displayed correctly as the following:
    • 3
    • HQ 2023 Sprint I4.3 Moppies
    • Medium

      In BS5 the .media component has been dropped. We can refactor the usages in advance without waiting for the BS upgrade

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

      Dropped the .media component as it can be easily replicated with utilities. See #28265 and the flex utilities page for an example.

      Refactor all the occurrences in the codebase.

        1. MDL-80396-test course page.png
          MDL-80396-test course page.png
          90 kB
        2. MDL-80396-Test tag page.png
          MDL-80396-Test tag page.png
          170 kB
        3. screenshot-1.png
          screenshot-1.png
          25 kB
        4. screenshot-2.png
          screenshot-2.png
          17 kB
        5. screenshot-3.png
          screenshot-3.png
          15 kB

            mikelmartíncorrales Mikel Martín Corrales
            mikelmartíncorrales Mikel Martín Corrales
            Laurent David Laurent David
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 7 hours, 8 minutes
                7h 8m

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